@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.69

package/lib/features/canvas/CanvasToolDock.js

@@ -0,0 +1,423 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,Pressable,Text}from'react-native';import {useSafeAreaInsets}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useKeyboardLiftHeight}from'../../components/KeyboardComposerDock.js';import {CanvasGeneratePanel}from'./CanvasGeneratePanel.js';import {CanvasEditToolsPanel}from'./CanvasEditToolsPanel.js';import {CanvasLibraryPanel}from'./CanvasLibrarySheet.js';import {CanvasLooksPanel}from'./CanvasLooksPanel.js';import {CanvasTasksPanel}from'./CanvasTasksPanel.js';import {hydrateCanvasTasks,runningTaskCount,subscribeCanvasTasks,resumePromoTasks}from'./canvasTasks.js';import {nearestAspect}from'./studioLooks.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const TABS = [{
+  id: "generate",
+  icon: "creation",
+  label: "Generate"
+}, {
+  id: "library",
+  icon: "image-outline",
+  label: "Library"
+}, {
+  id: "upload",
+  icon: "upload-outline",
+  label: "Upload"
+}, {
+  id: "studios",
+  icon: "filmstrip",
+  label: "Studios"
+}, {
+  id: "more",
+  icon: "dots-horizontal",
+  label: "More"
+}];
+const UPLOAD_SOURCES = [{
+  id: "library",
+  icon: "image-multiple-outline",
+  label: "Photo Library"
+}, {
+  id: "camera",
+  icon: "camera-outline",
+  label: "Take Photo or Video"
+}, {
+  id: "file",
+  icon: "folder-outline",
+  label: "Choose File"
+}];
+const STUDIOS = [{
+  id: "video",
+  icon: "movie-open-outline",
+  label: "Video"
+}, {
+  id: "agent",
+  icon: "robot-outline",
+  label: "AI cut"
+}, {
+  id: "influencer",
+  icon: "account-star-outline",
+  label: "Influencer"
+}, {
+  id: "docs",
+  icon: "file-document-outline",
+  label: "Docs"
+}, {
+  id: "carousel",
+  icon: "view-carousel-outline",
+  label: "Carousel"
+}, {
+  id: "flyers",
+  icon: "printer-outline",
+  label: "Flyers"
+}, {
+  id: "set3d",
+  icon: "cube-outline",
+  label: "3D set"
+}, {
+  id: "moodboard",
+  icon: "palette-outline",
+  label: "Moodboard"
+}, {
+  id: "frames",
+  icon: "image-multiple-outline",
+  label: "Frames"
+}];
+function CanvasToolDock({
+  children,
+  busy,
+  boards,
+  boardId,
+  runAction,
+  seedItem,
+  restyle,
+  onUpload,
+  onPlace,
+  onStudio,
+  onSlides,
+  onGenerated,
+  onPickStorage,
+  onPromoDesigned,
+  onEditReplaced,
+  onEditVideo,
+  onRecord,
+  dockHidden = false,
+  apolloClient,
+  token,
+  indexUrl
+}) {
+  const insets = useSafeAreaInsets();
+  const keyboardHeight = useKeyboardLiftHeight();
+  const hideTabs = dockHidden || keyboardHeight > 40;
+  const [planeH, setPlaneH] = useState(0);
+  const [sheet, setSheet] = useState(null);
+  const [lookSeed, setLookSeed] = useState(null);
+  const [taskBadge, setTaskBadge] = useState(0);
+  useEffect(() => {
+    if (dockHidden) setSheet(null);
+  }, [dockHidden]);
+  useEffect(() => {
+    void hydrateCanvasTasks().then(() => setTaskBadge(runningTaskCount()));
+    const unsub = subscribeCanvasTasks(() => setTaskBadge(runningTaskCount()));
+    return unsub;
+  }, []);
+  useEffect(() => {
+    if (runAction) resumePromoTasks(runAction);
+  }, [runAction]);
+  const chromeH = 48;
+  const usable = Math.max(0, planeH - chromeH);
+  const sheetTop = hideTabs ? Math.max(8, Math.round(usable * 0.08)) : planeH > 0 ? chromeH + Math.round(usable * 0.28) : chromeH;
+  const onTab = (id) => {
+    if (id === "upload") {
+      setSheet((current) => current === "upload" ? null : "upload");
+      return;
+    }
+    const mapped = id;
+    setSheet((current) => current === mapped || id === "library" && current === "library" ? null : mapped);
+  };
+  const title = sheet === "generate" ? "Generate" : sheet === "library" ? null : sheet === "session" ? null : sheet === "upload" ? null : sheet === "studios" ? "Studios" : sheet === "looks" ? null : sheet === "tasks" ? null : "More";
+  const recreateLook = (look) => {
+    const aspect = nearestAspect(look.aspect, ["16:9", "9:16", "1:1"]);
+    setLookSeed(__spreadValues({
+      prompt: look.prompt
+    }, aspect ? {
+      aspect
+    } : {}));
+    setSheet("generate");
+  };
+  const placeTask = (task) => {
+    var _a;
+    const url = (_a = task.result) == null ? void 0 : _a.url;
+    if (!url) return;
+    onGenerated(url, {
+      prompt: task.brief || task.title,
+      aspect: "16:9",
+      mode: "promo"
+    });
+    setSheet(null);
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.plane, collapsable: false, onLayout: (e) => setPlaneH(e.nativeEvent.layout.height), children: [
+      children,
+      sheet === "upload" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
+          top: chromeH
+        }], onPress: () => setSheet(null), accessibilityLabel: "Close tools" }),
+        /* @__PURE__ */ jsx(View, { style: styles.uploadMenu, children: UPLOAD_SOURCES.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+          setSheet(null);
+          onUpload(item.id);
+        }, style: styles.uploadRow, accessibilityRole: "button", children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: item.label }),
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.icon, size: 20, color: "#64748b" })
+        ] }, item.id)) })
+      ] }) : sheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
+          top: chromeH
+        }], onPress: () => setSheet(null), accessibilityLabel: "Close tools" }),
+        /* @__PURE__ */ jsxs(View, { style: [styles.sheet, {
+          top: sheetTop,
+          bottom: hideTabs ? keyboardHeight : 0
+        }], children: [
+          /* @__PURE__ */ jsx(View, { style: styles.handle }),
+          title ? /* @__PURE__ */ jsx(Text, { style: styles.sheetTitle, children: title }) : null,
+          sheet === "generate" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            seedItem && (seedItem.type === "image" || seedItem.type === "video") ? /* @__PURE__ */ jsx(CanvasEditToolsPanel, { item: seedItem, runAction, onReplaced: (url) => {
+              onEditReplaced == null ? void 0 : onEditReplaced(seedItem.id, url);
+            }, onEditVideo: () => {
+              setSheet(null);
+              onEditVideo == null ? void 0 : onEditVideo(seedItem);
+            } }) : null,
+            /* @__PURE__ */ jsx(CanvasGeneratePanel, { runAction, seedItem, restyle, lookSeed, boardId, onSlides: () => {
+              setSheet(null);
+              onSlides();
+            }, onGenerated: (url, meta) => {
+              onGenerated(url, meta);
+              if (meta.mode !== "clips") setSheet(null);
+            }, onPromoDesigned: (designed) => {
+              setSheet(null);
+              onPromoDesigned == null ? void 0 : onPromoDesigned(designed);
+            }, onPromoQueued: () => {
+              setSheet("tasks");
+            } })
+          ] }) : null,
+          sheet === "library" || sheet === "session" ? /* @__PURE__ */ jsx(CanvasLibraryPanel, { title: sheet === "session" ? "Made in this chat" : "Your library", boards, boardId: sheet === "session" ? boardId : null, runAction, onClose: () => setSheet(null), onPlace: (item) => {
+            onPlace(item);
+            setSheet(null);
+          }, onPickStorage: (kind, url, name) => {
+            onPickStorage == null ? void 0 : onPickStorage(kind, url, name);
+            setSheet(null);
+          } }) : null,
+          sheet === "studios" ? STUDIOS.map((studio) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+            setSheet(null);
+            onStudio(studio.id);
+          }, style: styles.row, accessibilityRole: "button", children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: studio.icon, size: 20, color: "#0f172a" }),
+            /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: studio.label })
+          ] }, studio.id)) : null,
+          sheet === "more" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Pressable, { onPress: () => setSheet("looks"), style: styles.row, accessibilityRole: "button", children: [
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "movie-filter-outline", size: 20, color: "#0f172a" }),
+              /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "Looks" })
+            ] }),
+            /* @__PURE__ */ jsxs(Pressable, { onPress: () => setSheet("tasks"), style: styles.row, accessibilityRole: "button", children: [
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "playlist-check", size: 20, color: "#0f172a" }),
+              /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "Tasks" }),
+              taskBadge > 0 ? /* @__PURE__ */ jsx(View, { style: styles.badge, children: /* @__PURE__ */ jsx(Text, { style: styles.badgeLabel, children: taskBadge }) }) : null
+            ] }),
+            /* @__PURE__ */ jsxs(Pressable, { onPress: () => setSheet("session"), style: styles.row, accessibilityRole: "button", children: [
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "history", size: 20, color: "#0f172a" }),
+              /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "This chat" })
+            ] }),
+            /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+              setSheet(null);
+              onRecord == null ? void 0 : onRecord("camera-video");
+            }, style: styles.row, accessibilityRole: "button", children: [
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "record-circle-outline", size: 20, color: "#0f172a" }),
+              /* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "Record" })
+            ] })
+          ] }) : null,
+          sheet === "looks" ? /* @__PURE__ */ jsx(CanvasLooksPanel, { runAction, apolloClient, token, indexUrl, onRecreate: recreateLook, onClose: () => setSheet(null) }) : null,
+          sheet === "tasks" ? /* @__PURE__ */ jsx(CanvasTasksPanel, { onClose: () => setSheet(null), onPlaceResult: placeTask }) : null
+        ] })
+      ] }) : null
+    ] }),
+    hideTabs ? null : /* @__PURE__ */ jsx(View, { style: [styles.tabBar, {
+      paddingBottom: Math.max(insets.bottom, 8)
+    }], children: TABS.map((tab) => {
+      const active = sheet === tab.id || tab.id === "library" && sheet === "library" || tab.id === "more" && (sheet === "more" || sheet === "session" || sheet === "looks" || sheet === "tasks");
+      const disabled = tab.id === "upload" && busy;
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onTab(tab.id), disabled, accessibilityRole: "button", accessibilityLabel: tab.label, style: [styles.tab, active && styles.tabOn, disabled && styles.tabMuted], children: [
+        /* @__PURE__ */ jsxs(View, { children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: tab.icon, size: 18, color: active ? "#0f172a" : "#64748b" }),
+          tab.id === "more" && taskBadge > 0 ? /* @__PURE__ */ jsx(View, { style: styles.tabBadge, children: /* @__PURE__ */ jsx(Text, { style: styles.tabBadgeLabel, children: taskBadge }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, active && styles.tabLabelOn], children: tab.label })
+      ] }, tab.id);
+    }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  plane: {
+    flex: 1,
+    overflow: "hidden"
+  },
+  backdrop: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    zIndex: 10,
+    backgroundColor: "rgba(15,23,42,0.2)"
+  }),
+  sheet: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    zIndex: 15,
+    flex: 0,
+    flexDirection: "column",
+    overflow: "hidden",
+    borderTopLeftRadius: 18,
+    borderTopRightRadius: 18,
+    backgroundColor: "#ffffff",
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: "#e2e8f0",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.12,
+    shadowRadius: 20,
+    shadowOffset: {
+      width: 0,
+      height: -4
+    },
+    elevation: 8
+  },
+  handle: {
+    alignSelf: "center",
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: "#e2e8f0",
+    marginTop: 8,
+    marginBottom: 4
+  },
+  sheetTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    color: "#0f172a",
+    paddingHorizontal: 16,
+    paddingBottom: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  rowMuted: {
+    opacity: 0.45
+  },
+  rowLabel: {
+    fontSize: 15,
+    fontWeight: "500",
+    color: "#0f172a"
+  },
+  rowLabelMuted: {
+    fontSize: 15,
+    fontWeight: "500",
+    color: "#94a3b8"
+  },
+  uploadMenu: {
+    position: "absolute",
+    left: 20,
+    right: 20,
+    bottom: 12,
+    zIndex: 16,
+    borderRadius: 14,
+    backgroundColor: "rgba(255,255,255,0.96)",
+    overflow: "hidden",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.18,
+    shadowRadius: 24,
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    elevation: 12
+  },
+  uploadRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#e2e8f0"
+  },
+  tabBar: {
+    flexDirection: "row",
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: "#e2e8f0",
+    backgroundColor: "#ffffff",
+    paddingTop: 6,
+    paddingHorizontal: 4,
+    zIndex: 20
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    gap: 2,
+    paddingVertical: 4,
+    borderRadius: 12
+  },
+  tabOn: {
+    backgroundColor: "#f1f5f9"
+  },
+  tabMuted: {
+    opacity: 0.45
+  },
+  tabLabel: {
+    fontSize: 9.5,
+    fontWeight: "600",
+    color: "#64748b"
+  },
+  tabLabelOn: {
+    color: "#0f172a"
+  },
+  badge: {
+    marginLeft: "auto",
+    minWidth: 18,
+    height: 18,
+    borderRadius: 9,
+    backgroundColor: "#ea580c",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 5
+  },
+  badgeLabel: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: "#fff7ed"
+  },
+  tabBadge: {
+    position: "absolute",
+    top: -4,
+    right: -8,
+    minWidth: 14,
+    height: 14,
+    borderRadius: 7,
+    backgroundColor: "#ea580c",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 3
+  },
+  tabBadgeLabel: {
+    fontSize: 9,
+    fontWeight: "700",
+    color: "#fff7ed"
+  }
+});export{CanvasToolDock};//# sourceMappingURL=CanvasToolDock.js.map

package/lib/features/canvas/CanvasToolDock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasToolDock.js","sources":["../../../src/features/canvas/CanvasToolDock.tsx"],"sourcesContent":["/**\n * Phone chrome — native twin of canvas-surface `CanvasTabBar` + `CanvasToolSheet`.\n * The sheet is positioned inside the plane (flex-1), flush to its bottom, so\n * it sits on the tab bar. Keyboard open → tab bar hides, sheet lifts.\n */\nimport React, { useEffect, useState, type ReactNode } from 'react';\nimport { Pressable, StyleSheet, Text, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useKeyboardLiftHeight } from '../../components/KeyboardComposerDock';\nimport { CanvasGeneratePanel, type GenerateLane } from './CanvasGeneratePanel';\nimport { CanvasEditToolsPanel } from './CanvasEditToolsPanel';\nimport { CanvasLibraryPanel } from './CanvasLibrarySheet';\nimport { CanvasLooksPanel } from './CanvasLooksPanel';\nimport { CanvasTasksPanel } from './CanvasTasksPanel';\nimport {\n    hydrateCanvasTasks,\n    resumePromoTasks,\n    runningTaskCount,\n    subscribeCanvasTasks,\n    type CanvasTask,\n} from './canvasTasks';\nimport type { CanvasItem } from './canvasCore';\nimport type { CanvasBoardSummary } from './surfaceIndex';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\nimport type { StudioLook } from './studioLooks';\nimport { nearestAspect } from './studioLooks';\n\ntype IconName = React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n\nexport type DockGenerateMode = GenerateLane;\nexport type DockStudio =\n    | 'video'\n    | 'agent'\n    | 'influencer'\n    | 'docs'\n    | 'carousel'\n    | 'flyers'\n    | 'set3d'\n    | 'moodboard'\n    | 'frames';\ntype TabId = 'generate' | 'library' | 'upload' | 'studios' | 'more';\ntype SheetId = 'generate' | 'library' | 'studios' | 'more' | 'session' | 'upload' | 'looks' | 'tasks';\nexport type MediaPickSource = 'library' | 'camera' | 'camera-video' | 'camera-photo' | 'file';\n\nconst TABS: ReadonlyArray<{ id: TabId; icon: IconName; label: string }> = [\n    { id: 'generate', icon: 'creation', label: 'Generate' },\n    { id: 'library', icon: 'image-outline', label: 'Library' },\n    { id: 'upload', icon: 'upload-outline', label: 'Upload' },\n    { id: 'studios', icon: 'filmstrip', label: 'Studios' },\n    { id: 'more', icon: 'dots-horizontal', label: 'More' },\n];\n\nconst UPLOAD_SOURCES: ReadonlyArray<{ id: MediaPickSource; icon: IconName; label: string }> = [\n    { id: 'library', icon: 'image-multiple-outline', label: 'Photo Library' },\n    { id: 'camera', icon: 'camera-outline', label: 'Take Photo or Video' },\n    { id: 'file', icon: 'folder-outline', label: 'Choose File' },\n];\n\nconst STUDIOS: ReadonlyArray<{ id: DockStudio; icon: IconName; label: string }> = [\n    { id: 'video', icon: 'movie-open-outline', label: 'Video' },\n    { id: 'agent', icon: 'robot-outline', label: 'AI cut' },\n    { id: 'influencer', icon: 'account-star-outline', label: 'Influencer' },\n    { id: 'docs', icon: 'file-document-outline', label: 'Docs' },\n    { id: 'carousel', icon: 'view-carousel-outline', label: 'Carousel' },\n    { id: 'flyers', icon: 'printer-outline', label: 'Flyers' },\n    { id: 'set3d', icon: 'cube-outline', label: '3D set' },\n    { id: 'moodboard', icon: 'palette-outline', label: 'Moodboard' },\n    { id: 'frames', icon: 'image-multiple-outline', label: 'Frames' },\n];\n\nexport function CanvasToolDock({\n    children,\n    busy,\n    boards,\n    boardId,\n    runAction,\n    seedItem,\n    restyle,\n    onUpload,\n    onPlace,\n    onStudio,\n    onSlides,\n    onGenerated,\n    onPickStorage,\n    onPromoDesigned,\n    onEditReplaced,\n    onEditVideo,\n    onRecord,\n    dockHidden = false,\n    apolloClient,\n    token,\n    indexUrl,\n}: {\n    children: ReactNode;\n    busy: boolean;\n    boards: CanvasBoardSummary[];\n    boardId?: string | null;\n    runAction?: RunMediaAction;\n    seedItem?: CanvasItem | null;\n    restyle?: boolean;\n    onUpload: (source: MediaPickSource) => void;\n    onPlace: (item: CanvasItem) => void;\n    onStudio: (studio: DockStudio) => void;\n    onSlides: () => void;\n    onGenerated: (url: string, meta: { prompt: string; aspect: string; mode: GenerateLane }) => void;\n    onPickStorage?: (kind: 'image' | 'video' | 'audio', url: string, name: string) => void;\n    onPromoDesigned?: (designed: import('./promoVideo').DesignedPromo) => void;\n    onEditReplaced?: (itemId: string, url: string) => void;\n    onEditVideo?: (item: CanvasItem) => void;\n    /** Phone Record: open the camera recorder studio (web screen share stays desktop-only). */\n    onRecord?: (source?: MediaPickSource) => void;\n    dockHidden?: boolean;\n    apolloClient?: import('./useStudioCatalogTemplates').StudioCatalogClient | null;\n    token?: string | null;\n    indexUrl?: string | null;\n}) {\n    const insets = useSafeAreaInsets();\n    const keyboardHeight = useKeyboardLiftHeight();\n    const hideTabs = dockHidden || keyboardHeight > 40;\n    const [planeH, setPlaneH] = useState(0);\n    const [sheet, setSheet] = useState<SheetId | null>(null);\n    const [lookSeed, setLookSeed] = useState<{ prompt: string; aspect?: string } | null>(null);\n    const [taskBadge, setTaskBadge] = useState(0);\n    useEffect(() => {\n        if (dockHidden) setSheet(null);\n    }, [dockHidden]);\n    useEffect(() => {\n        void hydrateCanvasTasks().then(() => setTaskBadge(runningTaskCount()));\n        const unsub = subscribeCanvasTasks(() => setTaskBadge(runningTaskCount()));\n        return unsub;\n    }, []);\n    useEffect(() => {\n        if (runAction) resumePromoTasks(runAction);\n    }, [runAction]);\n    const chromeH = 48;\n    const usable = Math.max(0, planeH - chromeH);\n    const sheetTop = hideTabs\n        ? Math.max(8, Math.round(usable * 0.08))\n        : planeH > 0\n          ? chromeH + Math.round(usable * 0.28)\n          : chromeH;\n\n    const onTab = (id: TabId) => {\n        if (id === 'upload') {\n            setSheet((current) => (current === 'upload' ? null : 'upload'));\n            return;\n        }\n        const mapped: SheetId = id;\n        setSheet((current) => (current === mapped || (id === 'library' && current === 'library') ? null : mapped));\n    };\n\n    const title =\n        sheet === 'generate'\n            ? 'Generate'\n            : sheet === 'library'\n              ? null\n              : sheet === 'session'\n                ? null\n                : sheet === 'upload'\n                  ? null\n                  : sheet === 'studios'\n                    ? 'Studios'\n                    : sheet === 'looks'\n                      ? null\n                      : sheet === 'tasks'\n                        ? null\n                        : 'More';\n\n    const recreateLook = (look: StudioLook) => {\n        const aspect = nearestAspect(look.aspect, ['16:9', '9:16', '1:1']);\n        setLookSeed({ prompt: look.prompt, ...(aspect ? { aspect } : {}) });\n        setSheet('generate');\n    };\n\n    const placeTask = (task: CanvasTask) => {\n        const url = task.result?.url;\n        if (!url) return;\n        onGenerated(url, { prompt: task.brief || task.title, aspect: '16:9', mode: 'promo' });\n        setSheet(null);\n    };\n\n    return (\n        <View style={styles.root}>\n            <View style={styles.plane} collapsable={false} onLayout={(e) => setPlaneH(e.nativeEvent.layout.height)}>\n                {children}\n                {sheet === 'upload' ? (\n                    <>\n                        <Pressable\n                            style={[styles.backdrop, { top: chromeH }]}\n                            onPress={() => setSheet(null)}\n                            accessibilityLabel=\"Close tools\"\n                        />\n                        <View style={styles.uploadMenu}>\n                            {UPLOAD_SOURCES.map((item) => (\n                                <Pressable\n                                    key={item.id}\n                                    onPress={() => {\n                                        setSheet(null);\n                                        onUpload(item.id);\n                                    }}\n                                    style={styles.uploadRow}\n                                    accessibilityRole=\"button\"\n                                >\n                                    <Text style={styles.rowLabel}>{item.label}</Text>\n                                    <MaterialCommunityIcons name={item.icon} size={20} color=\"#64748b\" />\n                                </Pressable>\n                            ))}\n                        </View>\n                    </>\n                ) : sheet ? (\n                    <>\n                        <Pressable\n                            style={[styles.backdrop, { top: chromeH }]}\n                            onPress={() => setSheet(null)}\n                            accessibilityLabel=\"Close tools\"\n                        />\n                        <View\n                            style={[\n                                styles.sheet,\n                                {\n                                    top: sheetTop,\n                                    bottom: hideTabs ? keyboardHeight : 0,\n                                },\n                            ]}\n                        >\n                            <View style={styles.handle} />\n                            {title ? <Text style={styles.sheetTitle}>{title}</Text> : null}\n                            {sheet === 'generate' ? (\n                                <>\n                                    {seedItem && (seedItem.type === 'image' || seedItem.type === 'video') ? (\n                                        <CanvasEditToolsPanel\n                                            item={seedItem}\n                                            runAction={runAction}\n                                            onReplaced={(url) => {\n                                                onEditReplaced?.(seedItem.id, url);\n                                            }}\n                                            onEditVideo={() => {\n                                                setSheet(null);\n                                                onEditVideo?.(seedItem);\n                                            }}\n                                        />\n                                    ) : null}\n                                    <CanvasGeneratePanel\n                                        runAction={runAction}\n                                        seedItem={seedItem}\n                                        restyle={restyle}\n                                        lookSeed={lookSeed}\n                                        boardId={boardId}\n                                        onSlides={() => {\n                                            setSheet(null);\n                                            onSlides();\n                                        }}\n                                        onGenerated={(url, meta) => {\n                                            onGenerated(url, meta);\n                                            if (meta.mode !== 'clips') setSheet(null);\n                                        }}\n                                        onPromoDesigned={(designed) => {\n                                            setSheet(null);\n                                            onPromoDesigned?.(designed);\n                                        }}\n                                        onPromoQueued={() => {\n                                            setSheet('tasks');\n                                        }}\n                                    />\n                                </>\n                            ) : null}\n                            {sheet === 'library' || sheet === 'session' ? (\n                                <CanvasLibraryPanel\n                                    title={sheet === 'session' ? 'Made in this chat' : 'Your library'}\n                                    boards={boards}\n                                    boardId={sheet === 'session' ? boardId : null}\n                                    runAction={runAction}\n                                    onClose={() => setSheet(null)}\n                                    onPlace={(item) => {\n                                        onPlace(item);\n                                        setSheet(null);\n                                    }}\n                                    onPickStorage={(kind, url, name) => {\n                                        onPickStorage?.(kind, url, name);\n                                        setSheet(null);\n                                    }}\n                                />\n                            ) : null}\n                            {sheet === 'studios'\n                                ? STUDIOS.map((studio) => (\n                                      <Pressable\n                                          key={studio.id}\n                                          onPress={() => {\n                                              setSheet(null);\n                                              onStudio(studio.id);\n                                          }}\n                                          style={styles.row}\n                                          accessibilityRole=\"button\"\n                                      >\n                                          <MaterialCommunityIcons name={studio.icon} size={20} color=\"#0f172a\" />\n                                          <Text style={styles.rowLabel}>{studio.label}</Text>\n                                      </Pressable>\n                                  ))\n                                : null}\n                            {sheet === 'more' ? (\n                                <>\n                                    <Pressable\n                                        onPress={() => setSheet('looks')}\n                                        style={styles.row}\n                                        accessibilityRole=\"button\"\n                                    >\n                                        <MaterialCommunityIcons name=\"movie-filter-outline\" size={20} color=\"#0f172a\" />\n                                        <Text style={styles.rowLabel}>Looks</Text>\n                                    </Pressable>\n                                    <Pressable\n                                        onPress={() => setSheet('tasks')}\n                                        style={styles.row}\n                                        accessibilityRole=\"button\"\n                                    >\n                                        <MaterialCommunityIcons name=\"playlist-check\" size={20} color=\"#0f172a\" />\n                                        <Text style={styles.rowLabel}>Tasks</Text>\n                                        {taskBadge > 0 ? (\n                                            <View style={styles.badge}>\n                                                <Text style={styles.badgeLabel}>{taskBadge}</Text>\n                                            </View>\n                                        ) : null}\n                                    </Pressable>\n                                    <Pressable\n                                        onPress={() => setSheet('session')}\n                                        style={styles.row}\n                                        accessibilityRole=\"button\"\n                                    >\n                                        <MaterialCommunityIcons name=\"history\" size={20} color=\"#0f172a\" />\n                                        <Text style={styles.rowLabel}>This chat</Text>\n                                    </Pressable>\n                                    <Pressable\n                                        onPress={() => {\n                                            setSheet(null);\n                                            onRecord?.('camera-video');\n                                        }}\n                                        style={styles.row}\n                                        accessibilityRole=\"button\"\n                                    >\n                                        <MaterialCommunityIcons\n                                            name=\"record-circle-outline\"\n                                            size={20}\n                                            color=\"#0f172a\"\n                                        />\n                                        <Text style={styles.rowLabel}>Record</Text>\n                                    </Pressable>\n                                </>\n                            ) : null}\n                            {sheet === 'looks' ? (\n                                <CanvasLooksPanel\n                                    runAction={runAction}\n                                    apolloClient={apolloClient}\n                                    token={token}\n                                    indexUrl={indexUrl}\n                                    onRecreate={recreateLook}\n                                    onClose={() => setSheet(null)}\n                                />\n                            ) : null}\n                            {sheet === 'tasks' ? (\n                                <CanvasTasksPanel onClose={() => setSheet(null)} onPlaceResult={placeTask} />\n                            ) : null}\n                        </View>\n                    </>\n                ) : null}\n            </View>\n            {hideTabs ? null : (\n                <View style={[styles.tabBar, { paddingBottom: Math.max(insets.bottom, 8) }]}>\n                    {TABS.map((tab) => {\n                        const active =\n                            sheet === tab.id ||\n                            (tab.id === 'library' && sheet === 'library') ||\n                            (tab.id === 'more' &&\n                                (sheet === 'more' || sheet === 'session' || sheet === 'looks' || sheet === 'tasks'));\n                        const disabled = tab.id === 'upload' && busy;\n                        return (\n                            <Pressable\n                                key={tab.id}\n                                onPress={() => onTab(tab.id)}\n                                disabled={disabled}\n                                accessibilityRole=\"button\"\n                                accessibilityLabel={tab.label}\n                                style={[styles.tab, active && styles.tabOn, disabled && styles.tabMuted]}\n                            >\n                                <View>\n                                    <MaterialCommunityIcons\n                                        name={tab.icon}\n                                        size={18}\n                                        color={active ? '#0f172a' : '#64748b'}\n                                    />\n                                    {tab.id === 'more' && taskBadge > 0 ? (\n                                        <View style={styles.tabBadge}>\n                                            <Text style={styles.tabBadgeLabel}>{taskBadge}</Text>\n                                        </View>\n                                    ) : null}\n                                </View>\n                                <Text style={[styles.tabLabel, active && styles.tabLabelOn]}>{tab.label}</Text>\n                            </Pressable>\n                        );\n                    })}\n                </View>\n            )}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1 },\n    plane: { flex: 1, overflow: 'hidden' },\n    backdrop: {\n        ...StyleSheet.absoluteFillObject,\n        zIndex: 10,\n        backgroundColor: 'rgba(15,23,42,0.2)',\n    },\n    sheet: {\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        zIndex: 15,\n        flex: 0,\n        flexDirection: 'column',\n        overflow: 'hidden',\n        borderTopLeftRadius: 18,\n        borderTopRightRadius: 18,\n        backgroundColor: '#ffffff',\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#e2e8f0',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.12,\n        shadowRadius: 20,\n        shadowOffset: { width: 0, height: -4 },\n        elevation: 8,\n    },\n    handle: {\n        alignSelf: 'center',\n        width: 36,\n        height: 4,\n        borderRadius: 2,\n        backgroundColor: '#e2e8f0',\n        marginTop: 8,\n        marginBottom: 4,\n    },\n    sheetTitle: {\n        fontSize: 16,\n        fontWeight: '700',\n        color: '#0f172a',\n        paddingHorizontal: 16,\n        paddingBottom: 8,\n    },\n    row: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n    },\n    rowMuted: { opacity: 0.45 },\n    rowLabel: { fontSize: 15, fontWeight: '500', color: '#0f172a' },\n    rowLabelMuted: { fontSize: 15, fontWeight: '500', color: '#94a3b8' },\n    uploadMenu: {\n        position: 'absolute',\n        left: 20,\n        right: 20,\n        bottom: 12,\n        zIndex: 16,\n        borderRadius: 14,\n        backgroundColor: 'rgba(255,255,255,0.96)',\n        overflow: 'hidden',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.18,\n        shadowRadius: 24,\n        shadowOffset: { width: 0, height: 8 },\n        elevation: 12,\n    },\n    uploadRow: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingVertical: 14,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderBottomColor: '#e2e8f0',\n    },\n    tabBar: {\n        flexDirection: 'row',\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: '#e2e8f0',\n        backgroundColor: '#ffffff',\n        paddingTop: 6,\n        paddingHorizontal: 4,\n        zIndex: 20,\n    },\n    tab: {\n        flex: 1,\n        alignItems: 'center',\n        gap: 2,\n        paddingVertical: 4,\n        borderRadius: 12,\n    },\n    tabOn: { backgroundColor: '#f1f5f9' },\n    tabMuted: { opacity: 0.45 },\n    tabLabel: { fontSize: 9.5, fontWeight: '600', color: '#64748b' },\n    tabLabelOn: { color: '#0f172a' },\n    badge: {\n        marginLeft: 'auto',\n        minWidth: 18,\n        height: 18,\n        borderRadius: 9,\n        backgroundColor: '#ea580c',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingHorizontal: 5,\n    },\n    badgeLabel: { fontSize: 10, fontWeight: '700', color: '#fff7ed' },\n    tabBadge: {\n        position: 'absolute',\n        top: -4,\n        right: -8,\n        minWidth: 14,\n        height: 14,\n        borderRadius: 7,\n        backgroundColor: '#ea580c',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingHorizontal: 3,\n    },\n    tabBadgeLabel: { fontSize: 9, fontWeight: '700', color: '#fff7ed' },\n});\n"],"names":[],"mappings":"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"}