@rslsp1/fa-app-tools 2.0.24 → 2.0.27

package/dist/index.d.mts

@@ -592,12 +592,14 @@ declare function hfUploadImage(base64: string, id: string, token: string, mimeTy
 declare function hfLoadImageAsBase64(id: string, token: string, namespace?: string): Promise<string | null>;
 
 type FaServerEnv = 'prod' | 'dev';
-declare function faServerGet<T>(path: string, env?: FaServerEnv): Promise<T>;
-declare function faServerPost<T>(path: string, body: unknown, env?: FaServerEnv): Promise<T>;
-declare function faServerPut<T>(path: string, body: unknown, env?: FaServerEnv): Promise<T>;
-declare function faServerDelete<T>(path: string, env?: FaServerEnv): Promise<T>;
+declare function faServerGet<T>(path: string, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerPost<T>(path: string, body: unknown, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerPut<T>(path: string, body: unknown, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerDelete<T>(path: string, env?: FaServerEnv, token?: string): Promise<T>;
 
-declare function ServerTab(): react_jsx_runtime.JSX.Element;
+declare function ServerTab({ hfToken }: {
+    hfToken?: string;
+}): react_jsx_runtime.JSX.Element;
 
 interface HFStateResult {
     state: HFStateSnapshot | null;
@@ -636,6 +638,6 @@ declare function findTips(dag: Dag): number[];
 declare function findForks(dag: Dag): DagFork[];
 declare function topoSort(events: HFEvent[]): HFEvent[];
 
-declare const LIB_VERSION = "2.0.24";
+declare const LIB_VERSION = "2.0.27";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type DagFork, type ExtractedCharacter, FaApp, type FaAppProps, type FaServerEnv, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFEvent, type HFEventVersion, type HFFileInfo$1 as HFFileInfo, type HFMetadataEntry, type HFStateMeta, type HFStateResult, type HFStateSnapshot, HistoryPanel, type ImageAddedPayload, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabFrameExtractor, type LabFrameExtractorProps, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, type MetadataUpdatedPayload, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, ServerTab, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type TagUpsertedPayload, type WorkspaceTags, applyEvent, applyEvents, autoLabel, buildBlendInstruction, buildCompareInstruction, buildDag, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, faServerDelete, faServerGet, faServerPost, faServerPut, findForks, findTips, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, getSessionClientId, groupGenerationsToLabItems, hfBatchArchive, hfBootstrapFromLegacy, hfDeleteProject, hfDownloadProject, hfListDir, hfListProjects, hfLoadImageAsBase64, hfUploadImage, hfUploadProjectForm, hfUploadSmallFile, importProjectFromZip, injectXMPMetadata, interpretSdkError, loadHFState, loadPendingEvents, parsePromptFile, parsePromptResponse, setHFToken, topoSort, tsFromEventPath, useHFState, useKeyboardNavigation, useOnClickOutside, writeHFEvent };

package/dist/index.d.ts

@@ -592,12 +592,14 @@ declare function hfUploadImage(base64: string, id: string, token: string, mimeTy
 declare function hfLoadImageAsBase64(id: string, token: string, namespace?: string): Promise<string | null>;
 
 type FaServerEnv = 'prod' | 'dev';
-declare function faServerGet<T>(path: string, env?: FaServerEnv): Promise<T>;
-declare function faServerPost<T>(path: string, body: unknown, env?: FaServerEnv): Promise<T>;
-declare function faServerPut<T>(path: string, body: unknown, env?: FaServerEnv): Promise<T>;
-declare function faServerDelete<T>(path: string, env?: FaServerEnv): Promise<T>;
+declare function faServerGet<T>(path: string, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerPost<T>(path: string, body: unknown, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerPut<T>(path: string, body: unknown, env?: FaServerEnv, token?: string): Promise<T>;
+declare function faServerDelete<T>(path: string, env?: FaServerEnv, token?: string): Promise<T>;
 
-declare function ServerTab(): react_jsx_runtime.JSX.Element;
+declare function ServerTab({ hfToken }: {
+    hfToken?: string;
+}): react_jsx_runtime.JSX.Element;
 
 interface HFStateResult {
     state: HFStateSnapshot | null;
@@ -636,6 +638,6 @@ declare function findTips(dag: Dag): number[];
 declare function findForks(dag: Dag): DagFork[];
 declare function topoSort(events: HFEvent[]): HFEvent[];
 
-declare const LIB_VERSION = "2.0.24";
+declare const LIB_VERSION = "2.0.27";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type DagFork, type ExtractedCharacter, FaApp, type FaAppProps, type FaServerEnv, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFEvent, type HFEventVersion, type HFFileInfo$1 as HFFileInfo, type HFMetadataEntry, type HFStateMeta, type HFStateResult, type HFStateSnapshot, HistoryPanel, type ImageAddedPayload, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabFrameExtractor, type LabFrameExtractorProps, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, type MetadataUpdatedPayload, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, ServerTab, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type TagUpsertedPayload, type WorkspaceTags, applyEvent, applyEvents, autoLabel, buildBlendInstruction, buildCompareInstruction, buildDag, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, faServerDelete, faServerGet, faServerPost, faServerPut, findForks, findTips, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, getSessionClientId, groupGenerationsToLabItems, hfBatchArchive, hfBootstrapFromLegacy, hfDeleteProject, hfDownloadProject, hfListDir, hfListProjects, hfLoadImageAsBase64, hfUploadImage, hfUploadProjectForm, hfUploadSmallFile, importProjectFromZip, injectXMPMetadata, interpretSdkError, loadHFState, loadPendingEvents, parsePromptFile, parsePromptResponse, setHFToken, topoSort, tsFromEventPath, useHFState, useKeyboardNavigation, useOnClickOutside, writeHFEvent };

package/dist/index.js

@@ -4647,8 +4647,8 @@ var import_react24 = require("react");
 // src/lib/faHfServerService.ts
 init_hfStateService();
 var FA_APP_SPACE = "https://rslsp1-fa-app.hf.space";
-async function request(method, path, env = "prod", body) {
-  const token = getHFToken();
+async function request(method, path, env = "prod", body, tokenOverride) {
+  const token = tokenOverride || getHFToken();
   if (!token) throw new Error("fa-app gateway: kein HF Token gesetzt");
   const res = await fetch(`${FA_APP_SPACE}/${path.replace(/^\//, "")}`, {
     method,
@@ -4665,17 +4665,17 @@ async function request(method, path, env = "prod", body) {
   }
   return res.json();
 }
-function faServerGet(path, env = "prod") {
-  return request("GET", path, env);
+function faServerGet(path, env = "prod", token) {
+  return request("GET", path, env, void 0, token);
 }
-function faServerPost(path, body, env = "prod") {
-  return request("POST", path, env, body);
+function faServerPost(path, body, env = "prod", token) {
+  return request("POST", path, env, body, token);
 }
-function faServerPut(path, body, env = "prod") {
-  return request("PUT", path, env, body);
+function faServerPut(path, body, env = "prod", token) {
+  return request("PUT", path, env, body, token);
 }
-function faServerDelete(path, env = "prod") {
-  return request("DELETE", path, env);
+function faServerDelete(path, env = "prod", token) {
+  return request("DELETE", path, env, void 0, token);
 }
 
 // src/components/ServerTab.tsx
@@ -4684,8 +4684,9 @@ var import_jsx_runtime22 = require("react/jsx-runtime");
 function StarRating({ rating = 0 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
 }
-function ServerTab() {
-  const hasToken = !!getHFToken();
+function ServerTab({ hfToken }) {
+  const token = hfToken || getHFToken() || "";
+  const hasToken = !!token;
   const [env, setEnv] = (0, import_react24.useState)("prod");
   const [step, setStep] = (0, import_react24.useState)("user");
   const [users, setUsers] = (0, import_react24.useState)([]);
@@ -4705,13 +4706,13 @@ function ServerTab() {
     if (!hasToken) return;
     setUsersLoading(true);
     setUsersError(null);
-    faServerGet("/api/v2/users", env).then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
+    faServerGet("/api/v2/users", env, token).then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
   }, [env, hasToken]);
   const selectUser = async (user) => {
     setSelectedUser(user);
     setContextsLoading(true);
     try {
-      const data = await faServerGet(`/api/v2/contexts?user_id=${user.id}`, env);
+      const data = await faServerGet(`/api/v2/contexts?user_id=${user.id}`, env, token);
       if (data.length === 1) {
         await loadLibrary(user, data[0]);
       } else {
@@ -4731,8 +4732,8 @@ function ServerTab() {
     setLibError(null);
     try {
       const [tagsRes, libRes] = await Promise.all([
-        faServerGet(`/api/v2/tags?user_id=${user.id}`, env),
-        faServerGet(`/api/v2/library?user_id=${user.id}&context_id=${ctx.id}&limit=100`, env)
+        faServerGet(`/api/v2/tags?user_id=${user.id}`, env, token),
+        faServerGet(`/api/v2/library?user_id=${user.id}&context_id=${ctx.id}&limit=100`, env, token)
       ]);
       setTags(Array.isArray(tagsRes) ? tagsRes : []);
       const raw = Array.isArray(libRes) ? libRes : libRes.data ?? [];
@@ -5869,6 +5870,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           setMobileTab("stage");
         }
       } }) }),
+      mobileTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { hfToken: hfToken || void 0 }) }),
       mobileTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         TagManagerPanel,
         {
@@ -6129,7 +6131,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               imageUploadStatus
             }
           ) }),
-          activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, {}) })
+          activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { hfToken: hfToken || void 0 }) })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
@@ -6137,7 +6139,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         { id: "stage", icon: "palette", label: "Stage" },
         { id: "labs", icon: "science", label: "Labs" },
         ...workspaceTags ? [{ id: "tags", icon: "label", label: "Tags" }] : [],
-        { id: "browse", icon: "photo_library", label: "Galerie" }
+        { id: "browse", icon: "photo_library", label: "Galerie" },
+        { id: "server", icon: "storage", label: "Server" }
       ].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setMobileTab(tab.id), className: `flex-1 flex flex-col items-center justify-center gap-0.5 transition-colors ${mobileTab === tab.id ? "text-white" : "text-white/30"}`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
@@ -6387,10 +6390,16 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.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_runtime23.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup", "sync", "tags", "server"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
-          setActiveTab(tab);
-          setIsRightCollapsed(false);
-        }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : tab === "tags" ? "label" : "storage" }) }, tab)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-1", children: [
+          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+            setActiveTab(tab);
+            setIsRightCollapsed(false);
+          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+            setActiveTab("server");
+            setIsRightCollapsed(false);
+          }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
+        ] }),
         hfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
@@ -6451,7 +6460,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
-        activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, {})
+        activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { hfToken: hfToken || void 0 })
       ] })
     ] })
   ] });
@@ -6512,7 +6521,7 @@ function FaApp({
 // src/index.ts
 init_hfStateService();
 init_hfStateService();
-var LIB_VERSION = "2.0.24";
+var LIB_VERSION = "2.0.27";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -3967,8 +3967,8 @@ import { useState as useState17, useEffect as useEffect6 } from "react";
 
 // src/lib/faHfServerService.ts
 var FA_APP_SPACE = "https://rslsp1-fa-app.hf.space";
-async function request(method, path, env = "prod", body) {
-  const token = getHFToken();
+async function request(method, path, env = "prod", body, tokenOverride) {
+  const token = tokenOverride || getHFToken();
   if (!token) throw new Error("fa-app gateway: kein HF Token gesetzt");
   const res = await fetch(`${FA_APP_SPACE}/${path.replace(/^\//, "")}`, {
     method,
@@ -3985,17 +3985,17 @@ async function request(method, path, env = "prod", body) {
   }
   return res.json();
 }
-function faServerGet(path, env = "prod") {
-  return request("GET", path, env);
+function faServerGet(path, env = "prod", token) {
+  return request("GET", path, env, void 0, token);
 }
-function faServerPost(path, body, env = "prod") {
-  return request("POST", path, env, body);
+function faServerPost(path, body, env = "prod", token) {
+  return request("POST", path, env, body, token);
 }
-function faServerPut(path, body, env = "prod") {
-  return request("PUT", path, env, body);
+function faServerPut(path, body, env = "prod", token) {
+  return request("PUT", path, env, body, token);
 }
-function faServerDelete(path, env = "prod") {
-  return request("DELETE", path, env);
+function faServerDelete(path, env = "prod", token) {
+  return request("DELETE", path, env, void 0, token);
 }
 
 // src/components/ServerTab.tsx
@@ -4003,8 +4003,9 @@ import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function StarRating({ rating = 0 }) {
   return /* @__PURE__ */ jsx22("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx22("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
 }
-function ServerTab() {
-  const hasToken = !!getHFToken();
+function ServerTab({ hfToken }) {
+  const token = hfToken || getHFToken() || "";
+  const hasToken = !!token;
   const [env, setEnv] = useState17("prod");
   const [step, setStep] = useState17("user");
   const [users, setUsers] = useState17([]);
@@ -4024,13 +4025,13 @@ function ServerTab() {
     if (!hasToken) return;
     setUsersLoading(true);
     setUsersError(null);
-    faServerGet("/api/v2/users", env).then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
+    faServerGet("/api/v2/users", env, token).then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
   }, [env, hasToken]);
   const selectUser = async (user) => {
     setSelectedUser(user);
     setContextsLoading(true);
     try {
-      const data = await faServerGet(`/api/v2/contexts?user_id=${user.id}`, env);
+      const data = await faServerGet(`/api/v2/contexts?user_id=${user.id}`, env, token);
       if (data.length === 1) {
         await loadLibrary(user, data[0]);
       } else {
@@ -4050,8 +4051,8 @@ function ServerTab() {
     setLibError(null);
     try {
       const [tagsRes, libRes] = await Promise.all([
-        faServerGet(`/api/v2/tags?user_id=${user.id}`, env),
-        faServerGet(`/api/v2/library?user_id=${user.id}&context_id=${ctx.id}&limit=100`, env)
+        faServerGet(`/api/v2/tags?user_id=${user.id}`, env, token),
+        faServerGet(`/api/v2/library?user_id=${user.id}&context_id=${ctx.id}&limit=100`, env, token)
       ]);
       setTags(Array.isArray(tagsRes) ? tagsRes : []);
       const raw = Array.isArray(libRes) ? libRes : libRes.data ?? [];
@@ -5188,6 +5189,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           setMobileTab("stage");
         }
       } }) }),
+      mobileTab === "server" && /* @__PURE__ */ jsx23("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 }) }),
       mobileTab === "tags" && workspaceTags && /* @__PURE__ */ jsx23("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx23(
         TagManagerPanel,
         {
@@ -5448,7 +5450,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               imageUploadStatus
             }
           ) }),
-          activeTab === "server" && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx23(ServerTab, {}) })
+          activeTab === "server" && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx23("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
@@ -5456,7 +5458,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         { id: "stage", icon: "palette", label: "Stage" },
         { id: "labs", icon: "science", label: "Labs" },
         ...workspaceTags ? [{ id: "tags", icon: "label", label: "Tags" }] : [],
-        { id: "browse", icon: "photo_library", label: "Galerie" }
+        { id: "browse", icon: "photo_library", label: "Galerie" },
+        { id: "server", icon: "storage", label: "Server" }
       ].map((tab) => /* @__PURE__ */ jsxs21("button", { onClick: () => setMobileTab(tab.id), className: `flex-1 flex flex-col items-center justify-center gap-0.5 transition-colors ${mobileTab === tab.id ? "text-white" : "text-white/30"}`, children: [
         /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
         /* @__PURE__ */ jsx23("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
@@ -5706,10 +5709,16 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     !isRightCollapsed && /* @__PURE__ */ jsx23("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__ */ jsxs21("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
       /* @__PURE__ */ jsxs21("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ jsx23("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup", "sync", "tags", "server"].map((tab) => /* @__PURE__ */ jsx23("button", { onClick: () => {
-          setActiveTab(tab);
-          setIsRightCollapsed(false);
-        }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : tab === "tags" ? "label" : "storage" }) }, tab)) }),
+        /* @__PURE__ */ jsxs21("div", { className: "flex flex-1", children: [
+          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ jsx23("button", { onClick: () => {
+            setActiveTab(tab);
+            setIsRightCollapsed(false);
+          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
+          /* @__PURE__ */ jsx23("button", { onClick: () => {
+            setActiveTab("server");
+            setIsRightCollapsed(false);
+          }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
+        ] }),
         hfToken && /* @__PURE__ */ jsx23("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx23("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
         /* @__PURE__ */ jsx23("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
@@ -5770,7 +5779,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
-        activeTab === "server" && /* @__PURE__ */ jsx23(ServerTab, {})
+        activeTab === "server" && /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 })
       ] })
     ] })
   ] });
@@ -5829,7 +5838,7 @@ function FaApp({
 }
 
 // src/index.ts
-var LIB_VERSION = "2.0.24";
+var LIB_VERSION = "2.0.27";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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