Refine deprecated waveai layout and remove ai default widget

Co-authored-by: sawka <2722291+sawka@users.noreply.github.com>
Agent-Logs-Url: https://github.com/wavetermdev/waveterm/sessions/e9060c7d-7837-4f4b-b480-7e4a89d84c81

Author: Copilot

frontend/app/view/waveai/waveai.tsx

@@ -22,11 +22,9 @@ function WaveAiDeprecatedView() {
     }, []);
 
     return (
-        <div className="flex h-full items-center justify-center p-6">
-            <div className="flex w-full max-w-[680px] flex-col items-center rounded-xl border border-border bg-panel px-8 py-10 text-center shadow-md">
-                <div className="mb-4 flex size-16 items-center justify-center rounded-full bg-accent/15 text-accent">
-                    <i className="fa-sharp fa-solid fa-sparkles text-3xl" />
-                </div>
+        <div className="flex h-full w-full flex-col px-6 text-center">
+            <div className="flex-[4]" />
+            <div className="mx-auto flex w-full max-w-[760px] flex-col items-center">
                 <h2 className="text-xl font-semibold text-primary">This legacy Wave AI block is no longer supported</h2>
                 <p className="mt-3 text-sm leading-6 text-secondary">
                     This older AI widget has been retired. Please use the modern Wave AI panel for AI chats, terminal
@@ -36,6 +34,7 @@ function WaveAiDeprecatedView() {
                     Open Wave AI panel
                 </Button>
             </div>
+            <div className="flex-[6]" />
         </div>
     );
 }

frontend/app/workspace/widgets.tsx

@@ -373,20 +373,14 @@ const Widgets = memo(() => {
     const fullConfig = useAtomValue(env.atoms.fullConfigAtom);
     const hasConfigErrors = useAtomValue(env.atoms.hasConfigErrors);
     const workspaceId = useAtomValue(env.atoms.workspaceId);
-    const hasCustomAIPresets = useAtomValue(env.atoms.hasCustomAIPresetsAtom);
     const [mode, setMode] = useState<"normal" | "compact" | "supercompact">("normal");
     const containerRef = useRef<HTMLDivElement>(null);
     const measurementRef = useRef<HTMLDivElement>(null);
 
     const featureWaveAppBuilder = fullConfig?.settings?.["feature:waveappbuilder"] ?? false;
     const widgetsMap = fullConfig?.widgets ?? {};
     const filteredWidgets = Object.fromEntries(
-        Object.entries(widgetsMap).filter(([key, widget]) => {
-            if (!hasCustomAIPresets && key === "defwidget@ai") {
-                return false;
-            }
-            return shouldIncludeWidgetForWorkspace(widget, workspaceId);
-        })
+        Object.entries(widgetsMap).filter(([_key, widget]) => shouldIncludeWidgetForWorkspace(widget, workspaceId))
     );
     const widgets = sortByDisplayOrder(filteredWidgets);
 

frontend/preview/previews/widgets.preview.tsx

@@ -59,28 +59,20 @@ const mockWidgets: { [key: string]: WidgetConfigType } = {
         "display:order": 2,
         blockdef: { meta: { view: "web", url: "https://waveterm.dev" } },
     },
-    "defwidget@ai": {
-        icon: "sparkles",
-        color: "#a78bfa",
-        label: "AI",
-        description: "Open Wave AI",
-        "display:order": 3,
-        blockdef: { meta: { view: "waveai" } },
-    },
     "defwidget@files": {
         icon: "folder",
         color: "#fbbf24",
         label: "Files",
         description: "Open file browser",
-        "display:order": 4,
+        "display:order": 3,
         blockdef: { meta: { view: "preview", connection: "local" } },
     },
     "defwidget@sysinfo": {
         icon: "chart-line",
         color: "#34d399",
         label: "Sysinfo",
         description: "Open system info",
-        "display:order": 5,
+        "display:order": 4,
         blockdef: { meta: { view: "sysinfo" } },
     },
 };
@@ -90,7 +82,6 @@ const fullConfigAtom = atom<FullConfigType>({ settings: {}, widgets: mockWidgets
 function makeWidgetsEnv(
     baseEnv: WaveEnv,
     isDev: boolean,
-    hasCustomAIPresets: boolean,
     apps?: AppInfo[],
     atomOverrides?: Partial<GlobalAtomsType>
 ) {
@@ -99,7 +90,6 @@ function makeWidgetsEnv(
         rpc: { ListAllAppsCommand: () => Promise.resolve(apps ?? []) },
         atoms: {
             fullConfigAtom,
-            hasCustomAIPresetsAtom: atom(hasCustomAIPresets),
             ...atomOverrides,
         },
     });
@@ -108,20 +98,18 @@ function makeWidgetsEnv(
 function WidgetsScenario({
     label,
     isDev = false,
-    hasCustomAIPresets = true,
     height,
     apps,
 }: {
     label: string;
     isDev?: boolean;
-    hasCustomAIPresets?: boolean;
     height?: number;
     apps?: AppInfo[];
 }) {
     const baseEnv = useWaveEnv();
     const envRef = useRef<WaveEnv>(null);
     if (envRef.current == null) {
-        envRef.current = makeWidgetsEnv(baseEnv, isDev, hasCustomAIPresets, apps, {
+        envRef.current = makeWidgetsEnv(baseEnv, isDev, apps, {
             hasConfigErrors: hasConfigErrorsAtom,
         });
     }
@@ -149,7 +137,7 @@ function WidgetsResizable({ isDev }: { isDev: boolean }) {
     const baseEnv = useWaveEnv();
     const envRef = useRef<WaveEnv>(null);
     if (envRef.current == null) {
-        envRef.current = makeWidgetsEnv(baseEnv, isDev, true, mockApps, { hasConfigErrors: hasConfigErrorsAtom });
+        envRef.current = makeWidgetsEnv(baseEnv, isDev, mockApps, { hasConfigErrors: hasConfigErrorsAtom });
     }
 
     return (
@@ -224,8 +212,7 @@ export function WidgetsPreview() {
             <PreviewControls />
             <div key={mockVersion} className="flex flex-col gap-8">
                 <div className="flex flex-row gap-8 items-start flex-wrap">
-                    <WidgetsScenario label="normal (with AI presets)" height={550} isDev={isDev} />
-                    <WidgetsScenario label="no custom AI presets" hasCustomAIPresets={false} height={550} isDev={isDev} />
+                    <WidgetsScenario label="normal" height={550} isDev={isDev} />
                     <WidgetsScenario label="dev mode (apps button)" height={550} isDev={isDev} apps={mockApps} />
                     <WidgetsScenario label="compact (200px)" height={200} isDev={isDev} apps={mockApps} />
                 </div>

pkg/wconfig/defaultconfig/widgets.json

@@ -31,18 +31,8 @@
             }
         }
     },
-    "defwidget@ai": {
-        "display:order": -2,
-        "icon": "sparkles",
-        "label": "ai",
-        "blockdef": {
-            "meta": {
-                "view": "waveai"
-            }
-        }
-    },
     "defwidget@sysinfo": {
-        "display:order": -1,
+        "display:order": -2,
         "icon": "chart-line",
         "label": "sysinfo",
         "blockdef": {