@rslsp1/fa-app-tools 1.3.14 → 1.3.15

package/dist/index.d.mts

@@ -316,6 +316,44 @@ interface AvatarArchitectAppProps {
 }
 declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, 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;
     icon?: ReactNode;
@@ -479,6 +517,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.15";
 
-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

@@ -316,6 +316,44 @@ interface AvatarArchitectAppProps {
 }
 declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, 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;
     icon?: ReactNode;
@@ -479,6 +517,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.15";
 
-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,
@@ -4952,14 +4953,93 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   ] });
 }
 
+// src/components/FaApp.tsx
+var import_react22 = require("react");
+init_hfStateService();
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function TokenDialog({ onSubmit }) {
+  const [value, setValue] = (0, import_react22.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { minHeight: "100vh", background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", padding: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { width: "100%", maxWidth: 400, background: "#171717", border: "1px solid #262626", borderRadius: 8, padding: 24, position: "relative", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { position: "absolute", top: 0, left: 0, width: "100%", height: 3, background: "linear-gradient(to right, #3b82f6, #a855f7, #ec4899)" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "#fff", fontSize: 14, fontWeight: 700, marginBottom: 4 }, children: "Lib Token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "#525252", fontSize: 11, fontFamily: "monospace" }, children: "Kein Token konfiguriert \u2014 bitte manuell eingeben" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "input",
+      {
+        type: "password",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && value.trim() && onSubmit(value.trim()),
+        placeholder: "Token eingeben\u2026",
+        autoFocus: true,
+        style: { width: "100%", background: "#000", border: "1px solid #404040", borderRadius: 4, color: "#fff", padding: "10px 12px", fontSize: 12, fontFamily: "monospace", outline: "none", boxSizing: "border-box", marginBottom: 12 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "button",
+      {
+        onClick: () => value.trim() && onSubmit(value.trim()),
+        style: { width: "100%", background: "#3b82f6", border: "none", borderRadius: 4, color: "#fff", padding: "10px", fontSize: 12, fontWeight: 700, cursor: "pointer", fontFamily: "inherit" },
+        children: "Best\xE4tigen"
+      }
+    )
+  ] }) });
+}
+function FaApp({
+  onGenerateImage,
+  onGeneratePrompt,
+  onGenerateVideo: _onGenerateVideo,
+  onDownload,
+  onSelectMedia,
+  onFlowSave: _onFlowSave,
+  onFlowUpload: _onFlowUpload,
+  onFlowMediaUpload: _onFlowMediaUpload,
+  libToken,
+  onFetchServerProjects,
+  onServerSave,
+  onServerLoad,
+  onServerDelete,
+  buildInfo
+}) {
+  const [token, setToken] = (0, import_react22.useState)(libToken || "");
+  (0, import_react22.useEffect)(() => {
+    if (libToken) setToken(libToken);
+  }, [libToken]);
+  (0, import_react22.useEffect)(() => {
+    if (token) setHFToken(token);
+  }, [token]);
+  if (!token) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TokenDialog, { onSubmit: setToken });
+  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,
+      onFetchServerProjects,
+      onServerSave,
+      onServerLoad,
+      onServerDelete,
+      buildInfo
+    }
+  );
+}
+
 // src/index.ts
 init_hfStateService();
-var LIB_VERSION = "1.3.14";
+var LIB_VERSION = "1.3.15";
 // 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

@@ -4395,12 +4395,90 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   ] });
 }
 
+// src/components/FaApp.tsx
+import { useState as useState15, useEffect as useEffect6 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+function TokenDialog({ onSubmit }) {
+  const [value, setValue] = useState15("");
+  return /* @__PURE__ */ jsx21("div", { style: { minHeight: "100vh", background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", padding: 16 }, children: /* @__PURE__ */ jsxs19("div", { style: { width: "100%", maxWidth: 400, background: "#171717", border: "1px solid #262626", borderRadius: 8, padding: 24, position: "relative", overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsx21("div", { style: { position: "absolute", top: 0, left: 0, width: "100%", height: 3, background: "linear-gradient(to right, #3b82f6, #a855f7, #ec4899)" } }),
+    /* @__PURE__ */ jsxs19("div", { style: { marginBottom: 20 }, children: [
+      /* @__PURE__ */ jsx21("div", { style: { color: "#fff", fontSize: 14, fontWeight: 700, marginBottom: 4 }, children: "Lib Token" }),
+      /* @__PURE__ */ jsx21("div", { style: { color: "#525252", fontSize: 11, fontFamily: "monospace" }, children: "Kein Token konfiguriert \u2014 bitte manuell eingeben" })
+    ] }),
+    /* @__PURE__ */ jsx21(
+      "input",
+      {
+        type: "password",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && value.trim() && onSubmit(value.trim()),
+        placeholder: "Token eingeben\u2026",
+        autoFocus: true,
+        style: { width: "100%", background: "#000", border: "1px solid #404040", borderRadius: 4, color: "#fff", padding: "10px 12px", fontSize: 12, fontFamily: "monospace", outline: "none", boxSizing: "border-box", marginBottom: 12 }
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      "button",
+      {
+        onClick: () => value.trim() && onSubmit(value.trim()),
+        style: { width: "100%", background: "#3b82f6", border: "none", borderRadius: 4, color: "#fff", padding: "10px", fontSize: 12, fontWeight: 700, cursor: "pointer", fontFamily: "inherit" },
+        children: "Best\xE4tigen"
+      }
+    )
+  ] }) });
+}
+function FaApp({
+  onGenerateImage,
+  onGeneratePrompt,
+  onGenerateVideo: _onGenerateVideo,
+  onDownload,
+  onSelectMedia,
+  onFlowSave: _onFlowSave,
+  onFlowUpload: _onFlowUpload,
+  onFlowMediaUpload: _onFlowMediaUpload,
+  libToken,
+  onFetchServerProjects,
+  onServerSave,
+  onServerLoad,
+  onServerDelete,
+  buildInfo
+}) {
+  const [token, setToken] = useState15(libToken || "");
+  useEffect6(() => {
+    if (libToken) setToken(libToken);
+  }, [libToken]);
+  useEffect6(() => {
+    if (token) setHFToken(token);
+  }, [token]);
+  if (!token) return /* @__PURE__ */ jsx21(TokenDialog, { onSubmit: setToken });
+  const wrappedPrompt = async (text, options) => {
+    const result = await onGeneratePrompt(text, options);
+    return result.text;
+  };
+  return /* @__PURE__ */ jsx21(
+    AvatarArchitectApp,
+    {
+      onGenerateImage,
+      onGeneratePrompt: wrappedPrompt,
+      onDownload,
+      onSelectMedia,
+      onFetchServerProjects,
+      onServerSave,
+      onServerLoad,
+      onServerDelete,
+      buildInfo
+    }
+  );
+}
+
 // src/index.ts
-var LIB_VERSION = "1.3.14";
+var LIB_VERSION = "1.3.15";
 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.15",
   "description": "Shared tools and hooks for Fine Art flow apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",