@rslsp1/fa-app-tools 1.1.2 → 1.1.3

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.3";
 
 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.3";
 
 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, {
@@ -1719,6 +1736,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 +1806,23 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
+  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]);
@@ -2407,7 +2442,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           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) => {
             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,
@@ -2583,7 +2618,7 @@ 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 })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
@@ -2687,7 +2722,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.1.2";
+var LIB_VERSION = "1.1.3";
 // 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, {
@@ -1653,6 +1670,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 +1740,23 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
+  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]);
@@ -2341,7 +2376,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           leftTab === "prompt" && workspaceTags && activeTab !== "setup" && activeTab !== "sync" && /* @__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,
@@ -2517,7 +2552,7 @@ 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 })
       ] })
     ] }),
     /* @__PURE__ */ jsxs11("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
@@ -2621,7 +2656,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.1.2";
+var LIB_VERSION = "1.1.3";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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