Standardize useIsConnectedSelector across property components

* Initial plan

* fix: replace 'as any' with proper TypeScript types in web app

- TitleBar.tsx: use typed window.api.windowControls directly (from
  window.d.ts); cast WebkitAppRegion style to CSSProperties intersection
- browser.ts: access window.process.type directly (already typed in
  window.d.ts)
- audio.ts, useRealtimeAudioPlayback.ts, useRealtimeAudioStream.ts:
  type webkitAudioContext via 'Window & { webkitAudioContext? }' instead
  of casting window to any
- GlobalChat.tsx, StandaloneChat.tsx: use window.visualViewport directly
  (typed in lib.dom.d.ts as VisualViewport | null)
- EditorController.tsx: add CSSWithHighlights, WindowWithHighlight, and
  DocumentWithFragmentDirective type aliases for experimental APIs
- prismGlobal.ts, CodeHighlightPlugin.tsx: use typed globalThis
  augmentation for Prism assignment

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* Replace `as any` type assertions with proper TypeScript types

- outputChunkUtils.ts: use chunk?.content_type directly (Chunk has the property)
- ChunkRenderer.tsx: use chunk.content_type and chunk.content_metadata directly
- NodeOutputs.tsx: use dyn[1].type directly (TypeMetadata has type: string)
- OutputRenderer.tsx:
  - stableKeyForOutputValue: cast object to Record<string, unknown>
  - concatTextChunksSafely: use c.content directly (Chunk.content is string)
  - audio case: cast value to { metadata?: { format?: string } }
  - model_3d case: cast value to Record<string, unknown> for format check
  - chunk rendering: use c.content_type, c.done, c.content directly (c is Chunk)
  - audioChunks[0].content_metadata used directly (audioChunks is Chunk[])
- OutputNode.tsx: remove redundant as any in getCopySource (value is already any)
- PreviewNode.tsx: same fix as OutputNode.tsx

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* Replace `as any` type assertions with proper TypeScript types

- useModelsByProvider.ts: Remove `as any` from provider path params
  (ProviderInfo.provider is already Provider type); remove String()
  conversion; fix supported_tasks.includes() and pipelineTask casts
- useRecommendedTaskModels.ts: Replace `as any` with `as Provider`
  for inferProvider() return value; import Provider type
- useEmbeddingModels.ts: Remove `as any` from provider path param
- EmbeddingModelMenuDialog.tsx: Remove unnecessary `as any` cast on
  useEmbeddingModelMenuStore (compatible type)
- ComfyModelSelect.tsx: Replace typed client with fetch + BASE_URL for
  non-spec path; define ComfyModelItem type; fix model.name access
- VideoModelSelect.tsx, ASRModelSelect.tsx, TTSModelSelect.tsx,
  Model3DModelSelect.tsx: Replace client.GET with fetch + BASE_URL for
  non-spec `/api/models/{model_type}` path
- LlamaModelSelect.tsx: Replace `as any` with typed cast for error detail
- ModelListIndex.tsx: Define ApiErrorShape interface instead of `as any`
- ModelListItem.tsx: Access model.provider directly (now typed)
- ApiTypes.ts: Extend UnifiedModel with `provider?: string | null`

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* Replace `as any` type assertions with proper TypeScript types

- threadUtils.ts: use ThreadInfo.updatedAt directly (dead-code fallback removed)
- ThreadItem.tsx: same – use thread.updatedAt in render and memo comparison
- ThreadList.tsx: same – use thread.updatedAt for date grouping
- ChatThreadView.tsx: use m.tool_call_id / m.name from the Message type; drop anyMsg local
- MessageView.tsx: add ExecutionEventContent type, use tc.args directly (ToolCall already has args), replace executionContent as any
- RecentChats.tsx: drop redundant `as any[]` cast on empty array

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* fix: replace `as any` with proper TypeScript types across web app

- window.d.ts: Add isProduction, isLocalhost, isElectron, setForceLocalhost
  as optional properties to the Window interface
- ApiClient.ts: Remove `as any` window assignments, use typed Window properties
- ModelPreferencesStore.ts: Use typed intermediate cast for Set rehydration
  migration code
- graphNodeToReactFlowNode.ts: Use `Record<string, unknown>` cast instead of
  `as any` when reading stale workflow_id from node.data
- reactFlowNodeToGraphNode.ts: Remove `as any` from node.style.width/height —
  CSSProperties already types them as string | number, typeof narrows to number
- GlobalChatStore.ts: Annotate partialize return type explicitly as
  Pick<GlobalChatState, ...> instead of `as any`
- dockviewLayout.ts: Define local PanelsMap and SerializedGrid types for
  dockview internal structure access; remove all `as any` casts
- createAssetFile.ts: Use `{ data: unknown }` / `{ content: unknown }` casts
  instead of `as any` in toUint8Array object branch
- getAssetThumbUrl.ts: Cast asset.data to `Record<string, number>` instead
  of `as any` for Object.values call
- useWorkflow.ts: Remove redundant `as any` from options spread — the type
  already satisfies UseQueryOptions
- useJobReconnection.ts: Define RunStateInfo in ApiTypes and use typed
  intersection `Job & { run_state?: RunStateInfo | null }` cast

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* Fix as any type assertions with proper TypeScript types

Replace as any with proper types across the web app:
- PlaceholderNode.tsx: extend NodeData interface with originalType/node_type/title/properties fields
- LayoutMenu.tsx: add SerializedPanel interface for dockview panel serialization
- panelComponents.tsx: extend DockviewApi type for getPanel
- AssetDeleteConfirmation.tsx: cast response to { deleted_asset_ids?: string[] }
- AssetGrid.tsx: add IDockviewPanelWithGroup type for group.api access
- StorageAnalytics.tsx: Asset.size already typed, remove as any
- GettingStartedPanel.tsx: typed ollama response shape
- NodeEditor.tsx: use string key directly for CSS custom property
- PropertyContextMenu.tsx: NodeData.dynamic_inputs already typed
- typeFilterUtils.ts: use TypeMetadata[] instead of any[]
- PropertyInput.tsx: use intersection type for dynamic schema extras
- NodeInputs.tsx: use intersection type for dynamic schema enum field
- KieSchemaLoader.tsx/FalSchemaLoader.tsx: intersection type for enum field
- useProcessedEdges.ts: cast nodes to Node<NodeData> instead of any
- useChatIntegration.ts: selectedModel is LanguageModel, fix sendMessage/content types
- useModalResize.ts: properly type debounce return with cancel method
- PlotlyRenderer.tsx: import plotly.js Data/Layout/Config/Frame types
- TableActions.tsx: use proper casts instead of any
- WorkflowListView.tsx: cast to React.UIEvent<HTMLDivElement>
- CompareImagesNode.tsx: cast to { type?: string } instead of any

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

* perf: standardize useIsConnectedSelector for node properties

Replaced direct subscriptions to the entire state.edges array with the memoized useIsConnectedSelector hook in CollectionProperty and StringProperty components. This eliminates expensive O(E) filter iterations during store updates and prevents unnecessary re-renders when unrelated edges change in the graph.

Co-authored-by: georgi <19498+georgi@users.noreply.github.com>

* fix: resolve remaining tests broken by loglevel migration

Fixed remaining test failures that were asserting against `console.error` and `console.warn` after the codebase migrated to the `loglevel` package. Additionally resolved eslint warnings related to unused imports introduced during the fix process.

Co-authored-by: georgi <19498+georgi@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: georgi <19498+georgi@users.noreply.github.com>

Author: 4 people

web/src/__tests__/components/chat/containers/ChatView.test.tsx

@@ -1,3 +1,4 @@
+import log from "loglevel";
 import React from "react";
 import "@testing-library/jest-dom";
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
@@ -350,7 +351,7 @@ describe("ChatView", () => {
 
     it("handles sendMessage errors gracefully", async () => {
       const consoleSpy = jest
-        .spyOn(console, "error")
+        .spyOn(log, "error")
         .mockImplementation(() => {});
       mockSendMessage.mockRejectedValueOnce(new Error("Send failed"));
 

web/src/components/TitleBar.tsx

@@ -32,20 +32,20 @@ const closeHoverStyle: React.CSSProperties = {
 
 const TitleBar: React.FC = memo(function TitleBar() {
   const minimize = useCallback(() => {
-    (window as any)?.api?.windowControls?.minimize?.();
+    window.api?.windowControls?.minimize?.();
   }, []);
 
   const maximize = useCallback(() => {
-    (window as any)?.api?.windowControls?.maximize?.();
+    window.api?.windowControls?.maximize?.();
   }, []);
 
   const close = useCallback(() => {
-    (window as any)?.api?.windowControls?.close?.();
+    window.api?.windowControls?.close?.();
   }, []);
 
   return (
     <div
-      style={{ ...(containerStyle as any), WebkitAppRegion: "no-drag" } as any}
+      style={{ ...containerStyle, WebkitAppRegion: "no-drag" } as React.CSSProperties & { WebkitAppRegion: string }}
     >
       <button
         style={baseButtonStyle}

web/src/components/assets/AssetDeleteConfirmation.tsx

@@ -127,7 +127,7 @@ const AssetDeleteConfirmation: React.FC<AssetDeleteConfirmationProps> = ({
       if (response === undefined) {
         log.error("Received undefined response from server");
       } else if (typeof response === "object" && response !== null) {
-        log.info("Deleted asset IDs:", (response as any).deleted_asset_ids);
+        log.info("Deleted asset IDs:", (response as { deleted_asset_ids?: string[] }).deleted_asset_ids);
       }
       // Blur focused element to prevent aria-hidden focus warning
       if (document.activeElement instanceof HTMLElement) {

web/src/components/assets/AssetGrid.tsx

@@ -35,6 +35,11 @@ import {
   IDockviewPanelProps,
   IDockviewPanel
 } from "dockview";
+
+/** IDockviewPanel exposes an internal `group` property not present in its public type */
+type IDockviewPanelWithGroup = IDockviewPanel & {
+  group?: { api?: { setSize: (size: { width?: number; height?: number }) => void } } & { setSize?: (size: { width?: number; height?: number }) => void };
+};
 import PanelErrorBoundary from "../common/PanelErrorBoundary";
 import log from "loglevel";
 
@@ -160,7 +165,7 @@ const AssetGrid: React.FC<AssetGridProps> = ({
     (event: DockviewReadyEvent) => {
       const { api } = event;
       // Add folders panel first with an initial size
-      const foldersPanel: IDockviewPanel = api.addPanel({
+      const foldersPanel: IDockviewPanelWithGroup = api.addPanel({
         id: "asset-folders",
         component: "asset-folders",
         title: "Folders",
@@ -184,7 +189,7 @@ const AssetGrid: React.FC<AssetGridProps> = ({
       // Enforce initial size
       const applyInitialSize = () => {
         const groupApi =
-          (foldersPanel as any)?.group?.api ?? (foldersPanel as any)?.group;
+          foldersPanel?.group?.api ?? foldersPanel?.group;
         if (groupApi && typeof groupApi.setSize === "function") {
           if (isFullscreenAssets) {
             groupApi.setSize({ width: FOLDERS_PANEL_WIDTH });

web/src/components/assets/StorageAnalytics.tsx

@@ -66,7 +66,7 @@ const StorageAnalytics: React.FC<StorageAnalyticsProps> = ({
 
   const { totalSize, fileCount, folderCount } = useMemo(() => {
     const total = assets.reduce((sum, asset) => {
-      const assetSize = (asset as any).size as number | undefined;
+      const assetSize = asset.size as number | undefined;
       return sum + (assetSize || 0);
     }, 0);
 

web/src/components/chat/containers/GlobalChat.tsx

@@ -265,13 +265,14 @@ const GlobalChat: React.FC = () => {
     };
 
     // Use Visual Viewport API for better keyboard handling
-    if ((window as any).visualViewport) {
-      (window as any).visualViewport.addEventListener(
+    const vv = window.visualViewport;
+    if (vv) {
+      vv.addEventListener(
         "resize",
         handleViewportChange
       );
       return () => {
-        (window as any).visualViewport.removeEventListener(
+        vv.removeEventListener(
           "resize",
           handleViewportChange
         );

web/src/components/chat/containers/StandaloneChat.tsx

@@ -287,13 +287,14 @@ const StandaloneChat: React.FC = () => {
     };
 
     // Use Visual Viewport API for better keyboard handling
-    if ((window as any).visualViewport) {
-      (window as any).visualViewport.addEventListener(
+    const vv = window.visualViewport;
+    if (vv) {
+      vv.addEventListener(
         "resize",
         handleViewportChange
       );
       return () => {
-        (window as any).visualViewport.removeEventListener(
+        vv.removeEventListener(
           "resize",
           handleViewportChange
         );

web/src/components/chat/message/MessageView.tsx

@@ -9,6 +9,14 @@ import {
   TaskUpdate,
   StepResult
 } from "../../../stores/ApiTypes";
+
+/** Shape of a parsed execution-event content object. */
+type ExecutionEventContent = {
+  type?: string;
+  severity?: string;
+  content?: React.ReactNode;
+  [key: string]: unknown;
+};
 import ChatMarkdown from "./ChatMarkdown";
 import { useEditorInsertion } from "../../../contexts/EditorInsertionContext";
 import { ThoughtSection } from "./thought/ThoughtSection";
@@ -68,7 +76,7 @@ const ToolCallCard: React.FC<{
   const [open, setOpen] = useState(false);
   const runningToolCallId = useGlobalChatStore((s) => s.currentRunningToolCallId);
   const runningToolMessage = useGlobalChatStore((s) => s.currentToolMessage);
-  const hasArgs = (tc as any)?.args && Object.keys((tc as any).args).length > 0;
+  const hasArgs = tc.args && Object.keys(tc.args).length > 0;
   const hasDetails = !!hasArgs;
   const isRunning = runningToolCallId && tc.id && runningToolCallId === tc.id;
 
@@ -110,7 +118,7 @@ const ToolCallCard: React.FC<{
             <Typography variant="caption" className="tool-section-title">
               Arguments
             </Typography>
-            <PrettyJson value={(tc as any).args} />
+            <PrettyJson value={tc.args} />
           </Box>
         )}
       </Collapse>
@@ -143,7 +151,7 @@ export const MessageView: React.FC<
   // Memoize JSON parsing to avoid repeated parsing on every render
   // Use string comparison to avoid re-parsing identical content
   const { executionContent, executionEventType } = useMemo(() => {
-    let executionContent = message.content as any;
+    let executionContent: ExecutionEventContent | string | null = message.content as ExecutionEventContent | string | null;
     let executionEventType = message.execution_event_type;
 
     // Fast path: if content is not a string, no parsing needed
@@ -154,7 +162,7 @@ export const MessageView: React.FC<
         typeof executionContent === "object" &&
         "type" in executionContent
       ) {
-        executionEventType = (executionContent as any).type;
+        executionEventType = executionContent.type;
       }
       return { executionContent, executionEventType };
     }
@@ -180,7 +188,7 @@ export const MessageView: React.FC<
       typeof executionContent === "object" &&
       "type" in executionContent
     ) {
-      executionEventType = (executionContent as any).type;
+      executionEventType = executionContent.type;
     }
 
     return { executionContent, executionEventType };

web/src/components/chat/thread/ChatThreadView.tsx

@@ -442,11 +442,10 @@ const ChatThreadView: React.FC<ChatThreadViewProps> = ({
     const map: Record<string, { name?: string | null; content: any }> = {};
     for (const m of messages) {
       // Tool result messages carry tool_call_id to link back to the originating tool call
-      const anyMsg: any = m as any;
-      if (m.role === "tool" && anyMsg.tool_call_id) {
-        map[String(anyMsg.tool_call_id)] = {
-          name: anyMsg.name ?? undefined,
-          content: m.content as any
+      if (m.role === "tool" && m.tool_call_id) {
+        map[String(m.tool_call_id)] = {
+          name: m.name ?? undefined,
+          content: m.content
         };
       }
     }

web/src/components/chat/thread/ThreadItem.tsx

@@ -51,7 +51,7 @@ const ThreadItemBase: React.FC<ThreadItemProps> = ({
       </Typography>
       {showDate && (
         <Typography className="date">
-          {relativeTime((thread as any).updated_at || thread.updatedAt)}
+          {relativeTime(thread.updatedAt)}
         </Typography>
       )}
       <DeleteButton
@@ -68,9 +68,7 @@ export const ThreadItem = memo(ThreadItemBase, (prevProps, nextProps) => {
     prevProps.previewText === nextProps.previewText &&
     prevProps.showDate === nextProps.showDate &&
     prevProps.thread.title === nextProps.thread.title &&
-    // Check both potential update fields
-    ((prevProps.thread as any).updated_at || prevProps.thread.updatedAt) ===
-    ((nextProps.thread as any).updated_at || nextProps.thread.updatedAt)
+    prevProps.thread.updatedAt === nextProps.thread.updatedAt
   );
 });