ConusAI vendor v0.1.0-beta.114

apps/web/src/ui/frame-layout.ts

@@ -0,0 +1,35 @@
+// SPDX-License-Identifier: LicenseRef-ConusAI-Template-1.0
+"use client"
+
+// What the frame leaves to the host: the sidebar's state and the right panel's width. The kit stores
+// nothing; both are preference cookies, so the first paint has them (docs/reference/compliance/cookies-and-storage.md).
+
+import { useState } from "react"
+import type { ShellData } from "./document"
+import { PANEL_WIDTH_COOKIE, preferenceCookie, SIDEBAR_COOKIE } from "./preference-cookies"
+
+export interface FrameLayout {
+  readonly sidebarOpen: boolean
+  onSidebarOpenChange(open: boolean): void
+  readonly panelWidth?: number
+  onPanelWidthChange(width: number): void
+}
+
+export function useFrameLayout(shell: Pick<ShellData, "sidebarOpen" | "panelWidth">): FrameLayout {
+  const [sidebarOpen, setSidebarOpen] = useState(shell.sidebarOpen)
+  const [panelWidth, setPanelWidth] = useState(shell.panelWidth)
+  return {
+    sidebarOpen,
+    onSidebarOpenChange(open) {
+      setSidebarOpen(open)
+      // biome-ignore lint/suspicious/noDocumentCookie: a preference cookie of a few bytes; the Cookie Store API is not in every browser this app serves
+      document.cookie = preferenceCookie(SIDEBAR_COOKIE, open ? "open" : "closed")
+    },
+    ...(panelWidth === undefined ? {} : { panelWidth }),
+    onPanelWidthChange(width) {
+      setPanelWidth(width)
+      // biome-ignore lint/suspicious/noDocumentCookie: as above
+      document.cookie = preferenceCookie(PANEL_WIDTH_COOKIE, String(width))
+    },
+  }
+}