feat(screenshot-viewer): add screenshot viewer component with styles and functionality

Author: quanru

packages/visualizer/src/components/screenshot-viewer/index.less renamed to packages/visualizer/src/component/screenshot-viewer/index.less

@@ -19,6 +19,7 @@ import {
   createStorageProvider,
   detectBestStorageType,
 } from './providers/storage-provider';
+import { defaultMainButtons } from '../../utils/constants';
 
 const { Text } = Typography;
 
@@ -62,6 +63,13 @@ export function UniversalPlayground({
   const { config } = useEnvConfig();
   const [sdkReady, setSdkReady] = useState(false);
 
+  // Initialize form with default type on mount
+  useEffect(() => {
+    form.setFieldsValue({
+      type: defaultMainButtons[0],
+    });
+  }, [form]);
+
   // Initialize SDK ID on mount for remote execution
   useEffect(() => {
     const initializeSDK = async () => {

packages/visualizer/src/components/screenshot-viewer/index.tsx renamed to packages/visualizer/src/component/screenshot-viewer/index.tsx

@@ -1,7 +1,3 @@
-import './component/playground/index.less';
-import './component/universal-playground/index.less';
-import './components/screenshot-viewer/index.less';
-
 export {
   type AnimationScript,
   type ReplayScriptsInfo,
@@ -37,7 +33,7 @@ export { ContextPreview } from './component/context-preview';
 export { PromptInput } from './component/prompt-input';
 export { Player } from './component/player';
 export { Blackboard } from './component/blackboard';
-export { default as ScreenshotViewer } from './components/screenshot-viewer';
+export { default as ScreenshotViewer } from './component/screenshot-viewer';
 
 // Export playground utilities
 export {