feat: harden support, localize knowledge and add operator availability [skip ci]

Source-only publication of reviewed commit 64e96a7f423673dc29ad56485be9fc79bce8af1c.

Passed in isolation: focused frontend/backend tests, race checks, TypeScript typecheck, lint, Go compilation, Flowgram build, and deterministic SDK build/tests.

Not accepted as a production release: Next.js export/native assembly remains blocked by environment memory limits; browser interaction and MySQL staging acceptance remain unverified. No production server, database/schema, runtime configuration, deployment, release tag, or workflow execution was performed.

Expected source tree: 0a4a7528e9.

web/components/palette-toggle.tsx

@@ -1,6 +1,7 @@
+// Modified by the independent AgentDesk fork for support reliability and availability.
 "use client"
 
-import { useEffect, useState } from "react"
+import { useEffect, useSyncExternalStore } from "react"
 import { CircleIcon, DropletsIcon, PaletteIcon } from "lucide-react"
 
 import { useI18n } from "@/i18n/provider"
@@ -17,6 +18,7 @@ type PaletteMode = "plain" | "blue" | "green" | "gray"
 
 const PALETTE_STORAGE_KEY = "dashboard_palette"
 const DEFAULT_PALETTE: PaletteMode = "plain"
+const PALETTE_CHANGE_EVENT = "dashboard-palette-change"
 
 const paletteOptions: Array<{
   value: PaletteMode
@@ -59,27 +61,39 @@ function readPalette(): PaletteMode {
     : DEFAULT_PALETTE
 }
 
+function subscribeToPalette(onChange: () => void) {
+  const onStorage = (event: StorageEvent) => {
+    if (event.key === null || event.key === PALETTE_STORAGE_KEY) onChange()
+  }
+  window.addEventListener("storage", onStorage)
+  window.addEventListener(PALETTE_CHANGE_EVENT, onChange)
+  return () => {
+    window.removeEventListener("storage", onStorage)
+    window.removeEventListener(PALETTE_CHANGE_EVENT, onChange)
+  }
+}
+
+const readServerPalette = () => DEFAULT_PALETTE
+
 function applyPalette(value: PaletteMode) {
   document.documentElement.dataset.palette = value
   window.localStorage.setItem(PALETTE_STORAGE_KEY, value)
+  window.dispatchEvent(new Event(PALETTE_CHANGE_EVENT))
 }
 
 export function PaletteToggle() {
   const t = useI18n()
-  const [palette, setPalette] = useState<PaletteMode>(DEFAULT_PALETTE)
+  const palette = useSyncExternalStore(subscribeToPalette, readPalette, readServerPalette)
 
   useEffect(() => {
-    const storedPalette = readPalette()
-    setPalette(storedPalette)
-    applyPalette(storedPalette)
-  }, [])
+    document.documentElement.dataset.palette = palette
+  }, [palette])
 
   function handleChange(value: string) {
     const nextPalette: PaletteMode =
       value === "blue" || value === "green" || value === "gray"
         ? value
         : "plain"
-    setPalette(nextPalette)
     applyPalette(nextPalette)
   }