@rslsp1/fa-app-tools 1.1.2 → 1.1.4

package/dist/index.d.mts

@@ -93,13 +93,21 @@ declare function parsePromptResponse(raw: string): {
     prompt: string;
     feedback: string | null;
 };
+interface FlowSdkImage {
+    base64: string;
+    mimeType: string;
+}
 interface FlowSdk {
     generate: {
         image: (options: Record<string, any>) => Promise<{
             base64: string;
             mediaId: string;
         }>;
-        text: (prompt: string, options?: Record<string, any>) => Promise<{
+        text: (prompt: string, options?: {
+            systemInstruction?: string;
+            thinkingLevel?: string;
+            images?: FlowSdkImage[];
+        }) => Promise<{
             text: string;
         }>;
     };
@@ -119,7 +127,7 @@ declare function createFlowServices(Flow: FlowSdk): {
         base64: string;
         mediaId: string;
     }>;
-    generateText: (hierarchyText: string, mode?: "literal" | "creative") => Promise<string>;
+    generateText: (hierarchyText: string, mode?: "literal" | "creative" | "scan", images?: FlowSdkImage[]) => Promise<string>;
 };
 declare function interpretSdkError(err: any): Error;
 
@@ -233,7 +241,10 @@ interface AvatarArchitectAppProps {
         base64: string;
         mediaId?: string;
     }>;
-    onGeneratePrompt: (text: string) => Promise<string>;
+    onGeneratePrompt: (text: string, mode?: string, images?: {
+        base64: string;
+        mimeType: string;
+    }[]) => Promise<string>;
     onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
     onSelectMedia: () => Promise<MediaItem[]>;
     buildInfo?: string;
@@ -297,6 +308,6 @@ interface ProjectSyncTabProps {
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
-declare const LIB_VERSION = "1.1.2";
+declare const LIB_VERSION = "1.1.4";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedTag, SetupPanel, type SyncDiff, type TagOption, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildPromptTabPayload, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.d.ts

@@ -93,13 +93,21 @@ declare function parsePromptResponse(raw: string): {
     prompt: string;
     feedback: string | null;
 };
+interface FlowSdkImage {
+    base64: string;
+    mimeType: string;
+}
 interface FlowSdk {
     generate: {
         image: (options: Record<string, any>) => Promise<{
             base64: string;
             mediaId: string;
         }>;
-        text: (prompt: string, options?: Record<string, any>) => Promise<{
+        text: (prompt: string, options?: {
+            systemInstruction?: string;
+            thinkingLevel?: string;
+            images?: FlowSdkImage[];
+        }) => Promise<{
             text: string;
         }>;
     };
@@ -119,7 +127,7 @@ declare function createFlowServices(Flow: FlowSdk): {
         base64: string;
         mediaId: string;
     }>;
-    generateText: (hierarchyText: string, mode?: "literal" | "creative") => Promise<string>;
+    generateText: (hierarchyText: string, mode?: "literal" | "creative" | "scan", images?: FlowSdkImage[]) => Promise<string>;
 };
 declare function interpretSdkError(err: any): Error;
 
@@ -233,7 +241,10 @@ interface AvatarArchitectAppProps {
         base64: string;
         mediaId?: string;
     }>;
-    onGeneratePrompt: (text: string) => Promise<string>;
+    onGeneratePrompt: (text: string, mode?: string, images?: {
+        base64: string;
+        mimeType: string;
+    }[]) => Promise<string>;
     onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
     onSelectMedia: () => Promise<MediaItem[]>;
     buildInfo?: string;
@@ -297,6 +308,6 @@ interface ProjectSyncTabProps {
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
-declare const LIB_VERSION = "1.1.2";
+declare const LIB_VERSION = "1.1.4";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedTag, SetupPanel, type SyncDiff, type TagOption, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildPromptTabPayload, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.js

@@ -428,7 +428,24 @@ function createFlowServices(Flow) {
         throw interpretSdkError(err);
       }
     },
-    generateText: async (hierarchyText, mode = "creative") => {
+    generateText: async (hierarchyText, mode = "creative", images) => {
+      if (mode === "scan" && images?.length) {
+        try {
+          const response = await Flow.generate.text(
+            "Analyze this image and create a detailed image generation prompt that would recreate it. Focus on: subject, style, lighting, composition, color palette, mood, and technical quality. Output ONLY the prompt string, no explanations.",
+            {
+              thinkingLevel: "low",
+              systemInstruction: "You are an expert image analyst and prompt engineer. Always return ONLY the generation prompt, no headers, no quotes, no conversational filler.",
+              images
+            }
+          );
+          const result = response?.text?.trim() || "";
+          if (!result) throw new Error("Empty AI response");
+          return cleanAiResponse(result);
+        } catch (err) {
+          throw interpretSdkError(err);
+        }
+      }
       const prompt = buildGenerationPrompt(hierarchyText, mode);
       try {
         const response = await Flow.generate.text(prompt, {
@@ -1704,6 +1721,20 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [seedMode, setSeedMode] = (0, import_react14.useState)("random");
   const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react14.useState)(false);
   const [isRightCollapsed, setIsRightCollapsed] = (0, import_react14.useState)(false);
+  const [leftPanelWidth, setLeftPanelWidth] = (0, import_react14.useState)(() => {
+    try {
+      return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
+    } catch {
+      return 260;
+    }
+  });
+  const [rightPanelWidth, setRightPanelWidth] = (0, import_react14.useState)(() => {
+    try {
+      return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
+    } catch {
+      return 320;
+    }
+  });
   const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react14.useState)(false);
   const [projectActionState, setProjectActionState] = (0, import_react14.useState)("idle");
   const syncServerDataRef = (0, import_react14.useRef)(null);
@@ -1719,6 +1750,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   });
   const [activeReferenceId, setActiveReferenceId] = (0, import_react14.useState)(null);
   const [activeReferenceThumbnail, setActiveReferenceThumbnail] = (0, import_react14.useState)(null);
+  const [isScanningImage, setIsScanningImage] = (0, import_react14.useState)(false);
   const [touchStartX, setTouchStartX] = (0, import_react14.useState)(null);
   const [isFullscreen, setIsFullscreen] = (0, import_react14.useState)(false);
   const [zoomScale, setZoomScale] = (0, import_react14.useState)(1);
@@ -1788,6 +1820,61 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
+  const startLeftResize = (e) => {
+    e.preventDefault();
+    const startX = e.clientX;
+    const startW = leftPanelWidth;
+    const onMove = (ev) => {
+      const w = Math.max(180, Math.min(520, startW + ev.clientX - startX));
+      setLeftPanelWidth(w);
+      try {
+        localStorage.setItem("aa-left-width", String(w));
+      } catch {
+      }
+    };
+    const onUp = () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  const startRightResize = (e) => {
+    e.preventDefault();
+    const startX = e.clientX;
+    const startW = rightPanelWidth;
+    const onMove = (ev) => {
+      const w = Math.max(180, Math.min(520, startW - (ev.clientX - startX)));
+      setRightPanelWidth(w);
+      try {
+        localStorage.setItem("aa-right-width", String(w));
+      } catch {
+      }
+    };
+    const onUp = () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  const handleScanImage = async (file) => {
+    setIsScanningImage(true);
+    try {
+      const base64 = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => resolve(reader.result.split(",")[1]);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+      });
+      const prompt = await onGeneratePrompt("", "scan", [{ base64, mimeType: file.type || "image/png" }]);
+      setActivePrompt(prompt);
+    } catch (err) {
+      console.error("Scan fehlgeschlagen:", err);
+    } finally {
+      setIsScanningImage(false);
+    }
+  };
   const currentIndex = (0, import_react14.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
   const goToPrev = (0, import_react14.useCallback)(() => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
@@ -2347,7 +2434,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           } })
         ] })
       ] }),
-      mobileTab === "tools" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
           workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { onClick: () => {
             setLeftTab("prompt");
@@ -2404,10 +2491,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
             }
           ) }),
-          leftTab === "prompt" && workspaceTags && activeTab !== "setup" && activeTab !== "sync" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
             handleGenerateImage(prompt);
             setMobileTab("stage");
-          }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete }),
+          }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage }) }),
           activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
           activeTab === "sync" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             ProjectSyncTab,
@@ -2543,7 +2630,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   }
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : 260, transition: "width 0.2s" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
         !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-1 gap-1", children: [
           workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
@@ -2583,9 +2670,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
           }
         ) }),
-        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateImage(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete })
+        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateImage(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
       ] })
     ] }),
+    !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1.5", children: [
@@ -2639,7 +2727,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : 320, transition: "width 0.2s" }, children: [
+    !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup", "sync"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => {
           setActiveTab(tab);
@@ -2687,7 +2776,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.1.2";
+var LIB_VERSION = "1.1.4";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -362,7 +362,24 @@ function createFlowServices(Flow) {
         throw interpretSdkError(err);
       }
     },
-    generateText: async (hierarchyText, mode = "creative") => {
+    generateText: async (hierarchyText, mode = "creative", images) => {
+      if (mode === "scan" && images?.length) {
+        try {
+          const response = await Flow.generate.text(
+            "Analyze this image and create a detailed image generation prompt that would recreate it. Focus on: subject, style, lighting, composition, color palette, mood, and technical quality. Output ONLY the prompt string, no explanations.",
+            {
+              thinkingLevel: "low",
+              systemInstruction: "You are an expert image analyst and prompt engineer. Always return ONLY the generation prompt, no headers, no quotes, no conversational filler.",
+              images
+            }
+          );
+          const result = response?.text?.trim() || "";
+          if (!result) throw new Error("Empty AI response");
+          return cleanAiResponse(result);
+        } catch (err) {
+          throw interpretSdkError(err);
+        }
+      }
       const prompt = buildGenerationPrompt(hierarchyText, mode);
       try {
         const response = await Flow.generate.text(prompt, {
@@ -1638,6 +1655,20 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [seedMode, setSeedMode] = useState6("random");
   const [isLeftCollapsed, setIsLeftCollapsed] = useState6(false);
   const [isRightCollapsed, setIsRightCollapsed] = useState6(false);
+  const [leftPanelWidth, setLeftPanelWidth] = useState6(() => {
+    try {
+      return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
+    } catch {
+      return 260;
+    }
+  });
+  const [rightPanelWidth, setRightPanelWidth] = useState6(() => {
+    try {
+      return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
+    } catch {
+      return 320;
+    }
+  });
   const [isPromptCollapsed, setIsPromptCollapsed] = useState6(false);
   const [projectActionState, setProjectActionState] = useState6("idle");
   const syncServerDataRef = useRef6(null);
@@ -1653,6 +1684,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   });
   const [activeReferenceId, setActiveReferenceId] = useState6(null);
   const [activeReferenceThumbnail, setActiveReferenceThumbnail] = useState6(null);
+  const [isScanningImage, setIsScanningImage] = useState6(false);
   const [touchStartX, setTouchStartX] = useState6(null);
   const [isFullscreen, setIsFullscreen] = useState6(false);
   const [zoomScale, setZoomScale] = useState6(1);
@@ -1722,6 +1754,61 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
+  const startLeftResize = (e) => {
+    e.preventDefault();
+    const startX = e.clientX;
+    const startW = leftPanelWidth;
+    const onMove = (ev) => {
+      const w = Math.max(180, Math.min(520, startW + ev.clientX - startX));
+      setLeftPanelWidth(w);
+      try {
+        localStorage.setItem("aa-left-width", String(w));
+      } catch {
+      }
+    };
+    const onUp = () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  const startRightResize = (e) => {
+    e.preventDefault();
+    const startX = e.clientX;
+    const startW = rightPanelWidth;
+    const onMove = (ev) => {
+      const w = Math.max(180, Math.min(520, startW - (ev.clientX - startX)));
+      setRightPanelWidth(w);
+      try {
+        localStorage.setItem("aa-right-width", String(w));
+      } catch {
+      }
+    };
+    const onUp = () => {
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  const handleScanImage = async (file) => {
+    setIsScanningImage(true);
+    try {
+      const base64 = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => resolve(reader.result.split(",")[1]);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+      });
+      const prompt = await onGeneratePrompt("", "scan", [{ base64, mimeType: file.type || "image/png" }]);
+      setActivePrompt(prompt);
+    } catch (err) {
+      console.error("Scan fehlgeschlagen:", err);
+    } finally {
+      setIsScanningImage(false);
+    }
+  };
   const currentIndex = useMemo2(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
   const goToPrev = useCallback(() => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
@@ -2281,7 +2368,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           } })
         ] })
       ] }),
-      mobileTab === "tools" && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxs11("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
           workspaceTags && /* @__PURE__ */ jsxs11("button", { onClick: () => {
             setLeftTab("prompt");
@@ -2338,10 +2425,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
             }
           ) }),
-          leftTab === "prompt" && workspaceTags && activeTab !== "setup" && activeTab !== "sync" && /* @__PURE__ */ jsx13(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
+          workspaceTags && /* @__PURE__ */ jsx13("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ jsx13(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
             handleGenerateImage(prompt);
             setMobileTab("stage");
-          }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete }),
+          }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage }) }),
           activeTab === "setup" && /* @__PURE__ */ jsx13(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
           activeTab === "sync" && /* @__PURE__ */ jsx13(
             ProjectSyncTab,
@@ -2477,7 +2564,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   }
   return /* @__PURE__ */ jsxs11("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
     /* @__PURE__ */ jsx13("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ jsx13("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : 260, transition: "width 0.2s" }, children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
       /* @__PURE__ */ jsxs11("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
         !isLeftCollapsed && /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 gap-1", children: [
           workspaceTags && /* @__PURE__ */ jsxs11("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
@@ -2517,9 +2604,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
           }
         ) }),
-        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ jsx13(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateImage(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete })
+        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ jsx13(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateImage(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
       ] })
     ] }),
+    !isLeftCollapsed && /* @__PURE__ */ jsx13("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
     /* @__PURE__ */ jsxs11("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
       /* @__PURE__ */ jsxs11("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5", children: [
@@ -2573,7 +2661,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : 320, transition: "width 0.2s" }, children: [
+    !isRightCollapsed && /* @__PURE__ */ jsx13("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
       /* @__PURE__ */ jsxs11("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
         /* @__PURE__ */ jsx13("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup", "sync"].map((tab) => /* @__PURE__ */ jsx13("button", { onClick: () => {
           setActiveTab(tab);
@@ -2621,7 +2710,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.1.2";
+var LIB_VERSION = "1.1.4";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rslsp1/fa-app-tools",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Shared tools and hooks for Fine Art flow apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",