@rslsp1/fa-app-tools 1.3.14 → 1.3.16

package/dist/index.d.mts

@@ -309,12 +309,51 @@ interface AvatarArchitectAppProps {
     onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
     onSelectMedia: () => Promise<MediaItem[]>;
     buildInfo?: string;
+    initialHfToken?: string;
     onFetchServerProjects?: () => Promise<ProjectMeta[]>;
     onServerSave?: (zipBase64: string, name: string) => Promise<ProjectMeta>;
     onServerLoad?: (id: string) => Promise<File>;
     onServerDelete?: (id: string) => Promise<void>;
 }
-declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
+declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
+
+interface FaAppProps {
+    onGenerateImage: (params: Record<string, any>) => Promise<{
+        base64: string;
+        mediaId?: string;
+    }>;
+    onGeneratePrompt: (prompt: string, options?: {
+        images?: {
+            base64: string;
+            mimeType: string;
+        }[];
+        systemInstruction?: string;
+    }) => Promise<{
+        text: string;
+    }>;
+    onGenerateVideo?: (params: Record<string, any>) => Promise<{
+        base64: string;
+        mimeType: string;
+    }>;
+    onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
+    onSelectMedia: () => Promise<MediaItem[]>;
+    onFlowSave?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    onFlowUpload?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    onFlowMediaUpload?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    libToken?: string;
+    onFetchServerProjects?: () => Promise<ProjectMeta[]>;
+    onServerSave?: (zipBase64: string, name: string) => Promise<ProjectMeta>;
+    onServerLoad?: (id: string) => Promise<File>;
+    onServerDelete?: (id: string) => Promise<void>;
+    buildInfo?: string;
+}
+declare function FaApp({ onGenerateImage, onGeneratePrompt, onGenerateVideo: _onGenerateVideo, onDownload, onSelectMedia, onFlowSave: _onFlowSave, onFlowUpload: _onFlowUpload, onFlowMediaUpload: _onFlowMediaUpload, libToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete, buildInfo, }: FaAppProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsibleCardProps {
     title: string;
@@ -479,6 +518,6 @@ declare function hfLoadMetadata(token: string): Promise<any[]>;
 declare function hfUploadImage(base64: string, id: string, token: string, mimeType?: string): Promise<void>;
 declare function hfLoadImageAsBase64(id: string, token: string): Promise<string | null>;
 
-declare const LIB_VERSION = "1.3.14";
+declare const LIB_VERSION = "1.3.16";
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaApp, type FaAppProps, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };

package/dist/index.d.ts

@@ -309,12 +309,51 @@ interface AvatarArchitectAppProps {
     onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
     onSelectMedia: () => Promise<MediaItem[]>;
     buildInfo?: string;
+    initialHfToken?: string;
     onFetchServerProjects?: () => Promise<ProjectMeta[]>;
     onServerSave?: (zipBase64: string, name: string) => Promise<ProjectMeta>;
     onServerLoad?: (id: string) => Promise<File>;
     onServerDelete?: (id: string) => Promise<void>;
 }
-declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
+declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
+
+interface FaAppProps {
+    onGenerateImage: (params: Record<string, any>) => Promise<{
+        base64: string;
+        mediaId?: string;
+    }>;
+    onGeneratePrompt: (prompt: string, options?: {
+        images?: {
+            base64: string;
+            mimeType: string;
+        }[];
+        systemInstruction?: string;
+    }) => Promise<{
+        text: string;
+    }>;
+    onGenerateVideo?: (params: Record<string, any>) => Promise<{
+        base64: string;
+        mimeType: string;
+    }>;
+    onDownload: (base64: string, mimeType: string, filename: string) => Promise<void>;
+    onSelectMedia: () => Promise<MediaItem[]>;
+    onFlowSave?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    onFlowUpload?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    onFlowMediaUpload?: (base64: string, mimeType: string, name: string) => Promise<{
+        mediaId: string;
+    }>;
+    libToken?: string;
+    onFetchServerProjects?: () => Promise<ProjectMeta[]>;
+    onServerSave?: (zipBase64: string, name: string) => Promise<ProjectMeta>;
+    onServerLoad?: (id: string) => Promise<File>;
+    onServerDelete?: (id: string) => Promise<void>;
+    buildInfo?: string;
+}
+declare function FaApp({ onGenerateImage, onGeneratePrompt, onGenerateVideo: _onGenerateVideo, onDownload, onSelectMedia, onFlowSave: _onFlowSave, onFlowUpload: _onFlowUpload, onFlowMediaUpload: _onFlowMediaUpload, libToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete, buildInfo, }: FaAppProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsibleCardProps {
     title: string;
@@ -479,6 +518,6 @@ declare function hfLoadMetadata(token: string): Promise<any[]>;
 declare function hfUploadImage(base64: string, id: string, token: string, mimeType?: string): Promise<void>;
 declare function hfLoadImageAsBase64(id: string, token: string): Promise<string | null>;
 
-declare const LIB_VERSION = "1.3.14";
+declare const LIB_VERSION = "1.3.16";
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaApp, type FaAppProps, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };

package/dist/index.js

@@ -504,6 +504,7 @@ __export(index_exports, {
   AvatarArchitectApp: () => AvatarArchitectApp,
   CollapsibleCard: () => CollapsibleCard,
   CompactDropdown: () => CompactDropdown,
+  FaApp: () => FaApp,
   FaToolsBadge: () => FaToolsBadge,
   GLOBAL_STYLES: () => GLOBAL_STYLES,
   HistoryPanel: () => HistoryPanel,
@@ -3450,7 +3451,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
 
 // src/components/AvatarArchitectApp.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
+function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
   (0, import_react21.useEffect)(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
@@ -3469,8 +3470,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   });
   const [projectLoaded, setProjectLoaded] = (0, import_react21.useState)(false);
-  const [hfToken, setHfToken] = (0, import_react21.useState)("");
-  const [hfTokenInput, setHfTokenInput] = (0, import_react21.useState)("");
+  const [hfToken, setHfToken] = (0, import_react21.useState)(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = (0, import_react21.useState)(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react21.useState)(false);
   const [hfMetadata, setHfMetadata] = (0, import_react21.useState)([]);
   const hfTagSaveTimer = (0, import_react21.useRef)(null);
@@ -4254,7 +4255,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         !projectLoaded && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-2 w-full", children: [
+        !initialHfToken && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-2 w-full", children: [
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "input",
             {
@@ -4952,14 +4953,54 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   ] });
 }
 
+// src/components/FaApp.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function FaApp({
+  onGenerateImage,
+  onGeneratePrompt,
+  onGenerateVideo: _onGenerateVideo,
+  onDownload,
+  onSelectMedia,
+  onFlowSave: _onFlowSave,
+  onFlowUpload: _onFlowUpload,
+  onFlowMediaUpload: _onFlowMediaUpload,
+  libToken,
+  onFetchServerProjects,
+  onServerSave,
+  onServerLoad,
+  onServerDelete,
+  buildInfo
+}) {
+  const wrappedPrompt = async (text, options) => {
+    const result = await onGeneratePrompt(text, options);
+    return result.text;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    AvatarArchitectApp,
+    {
+      onGenerateImage,
+      onGeneratePrompt: wrappedPrompt,
+      onDownload,
+      onSelectMedia,
+      initialHfToken: libToken,
+      onFetchServerProjects,
+      onServerSave,
+      onServerLoad,
+      onServerDelete,
+      buildInfo
+    }
+  );
+}
+
 // src/index.ts
 init_hfStateService();
-var LIB_VERSION = "1.3.14";
+var LIB_VERSION = "1.3.16";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,
   CollapsibleCard,
   CompactDropdown,
+  FaApp,
   FaToolsBadge,
   GLOBAL_STYLES,
   HistoryPanel,

package/dist/index.mjs

@@ -2893,7 +2893,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
 
 // src/components/AvatarArchitectApp.tsx
 import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
+function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
   useEffect5(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
@@ -2912,8 +2912,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   });
   const [projectLoaded, setProjectLoaded] = useState14(false);
-  const [hfToken, setHfToken] = useState14("");
-  const [hfTokenInput, setHfTokenInput] = useState14("");
+  const [hfToken, setHfToken] = useState14(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = useState14(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = useState14(false);
   const [hfMetadata, setHfMetadata] = useState14([]);
   const hfTagSaveTimer = useRef6(null);
@@ -3697,7 +3697,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         !projectLoaded && /* @__PURE__ */ jsx20("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
       /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex gap-2 w-full", children: [
+        !initialHfToken && /* @__PURE__ */ jsxs18("div", { className: "flex gap-2 w-full", children: [
           /* @__PURE__ */ jsx20(
             "input",
             {
@@ -4395,12 +4395,52 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   ] });
 }
 
+// src/components/FaApp.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function FaApp({
+  onGenerateImage,
+  onGeneratePrompt,
+  onGenerateVideo: _onGenerateVideo,
+  onDownload,
+  onSelectMedia,
+  onFlowSave: _onFlowSave,
+  onFlowUpload: _onFlowUpload,
+  onFlowMediaUpload: _onFlowMediaUpload,
+  libToken,
+  onFetchServerProjects,
+  onServerSave,
+  onServerLoad,
+  onServerDelete,
+  buildInfo
+}) {
+  const wrappedPrompt = async (text, options) => {
+    const result = await onGeneratePrompt(text, options);
+    return result.text;
+  };
+  return /* @__PURE__ */ jsx21(
+    AvatarArchitectApp,
+    {
+      onGenerateImage,
+      onGeneratePrompt: wrappedPrompt,
+      onDownload,
+      onSelectMedia,
+      initialHfToken: libToken,
+      onFetchServerProjects,
+      onServerSave,
+      onServerLoad,
+      onServerDelete,
+      buildInfo
+    }
+  );
+}
+
 // src/index.ts
-var LIB_VERSION = "1.3.14";
+var LIB_VERSION = "1.3.16";
 export {
   AvatarArchitectApp,
   CollapsibleCard,
   CompactDropdown,
+  FaApp,
   FaToolsBadge,
   GLOBAL_STYLES,
   HistoryPanel,

package/package.json

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