@rslsp1/fa-app-tools 0.1.14 → 1.0.1

package/dist/index.d.mts

@@ -4,11 +4,13 @@ import { Node, Edge } from '@xyflow/react';
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 
+interface TagOption {
+    label: string;
+    value: string;
+}
 interface WorkspaceTags {
-    by_category: Record<string, string[]>;
-    all: Array<{
-        label: string;
-        value: string;
+    by_category: Record<string, TagOption[]>;
+    all: Array<TagOption & {
         category: string;
     }>;
 }
@@ -69,6 +71,11 @@ declare function buildGenerationPrompt(hierarchyText: string, mode?: 'literal' |
 declare function buildFallbackPrompt(hierarchyText: string): string;
 declare function cleanAiResponse(text: string): string;
 declare function buildImageGenerationOptions(prompt: string, aspectRatio: string, model: string, referenceMediaId?: string): Record<string, any>;
+declare function buildPromptTabPayload(selectedValues: string[], instructions: string, treeText?: string): string;
+declare function parsePromptResponse(raw: string): {
+    prompt: string;
+    feedback: string | null;
+};
 declare function interpretSdkError(err: any): Error;
 
 interface ExtractedCharacter {
@@ -189,4 +196,12 @@ interface AvatarArchitectAppProps {
 }
 declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CompactDropdown, type ExtractedCharacter, FaToolsBadge, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectSettings, SectionLabel, SetupPanel, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, cleanAiResponse, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, useKeyboardNavigation, useOnClickOutside };
+interface PromptTabProps {
+    workspaceTags: WorkspaceTags;
+    onGenerate: (selectedValues: string[], instructions: string) => Promise<void>;
+    isGenerating: boolean;
+    feedback: string | null;
+}
+declare const PromptTab: React.FC<PromptTabProps>;
+
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CompactDropdown, type ExtractedCharacter, FaToolsBadge, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectSettings, PromptTab, SectionLabel, SetupPanel, type TagOption, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildPromptTabPayload, cleanAiResponse, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.d.ts

@@ -4,11 +4,13 @@ import { Node, Edge } from '@xyflow/react';
 
 declare function useOnClickOutside(ref: RefObject<HTMLElement | null>, handler: (e: MouseEvent | TouchEvent) => void): void;
 
+interface TagOption {
+    label: string;
+    value: string;
+}
 interface WorkspaceTags {
-    by_category: Record<string, string[]>;
-    all: Array<{
-        label: string;
-        value: string;
+    by_category: Record<string, TagOption[]>;
+    all: Array<TagOption & {
         category: string;
     }>;
 }
@@ -69,6 +71,11 @@ declare function buildGenerationPrompt(hierarchyText: string, mode?: 'literal' |
 declare function buildFallbackPrompt(hierarchyText: string): string;
 declare function cleanAiResponse(text: string): string;
 declare function buildImageGenerationOptions(prompt: string, aspectRatio: string, model: string, referenceMediaId?: string): Record<string, any>;
+declare function buildPromptTabPayload(selectedValues: string[], instructions: string, treeText?: string): string;
+declare function parsePromptResponse(raw: string): {
+    prompt: string;
+    feedback: string | null;
+};
 declare function interpretSdkError(err: any): Error;
 
 interface ExtractedCharacter {
@@ -189,4 +196,12 @@ interface AvatarArchitectAppProps {
 }
 declare function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia }: AvatarArchitectAppProps): react_jsx_runtime.JSX.Element;
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CompactDropdown, type ExtractedCharacter, FaToolsBadge, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectSettings, SectionLabel, SetupPanel, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, cleanAiResponse, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, useKeyboardNavigation, useOnClickOutside };
+interface PromptTabProps {
+    workspaceTags: WorkspaceTags;
+    onGenerate: (selectedValues: string[], instructions: string) => Promise<void>;
+    isGenerating: boolean;
+    feedback: string | null;
+}
+declare const PromptTab: React.FC<PromptTabProps>;
+
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CompactDropdown, type ExtractedCharacter, FaToolsBadge, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectSettings, PromptTab, SectionLabel, SetupPanel, type TagOption, type WorkspaceTags, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildPromptTabPayload, cleanAiResponse, exportProjectToZip, formatTreeToMarkdown, getFormattedTimestamp, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.js

@@ -39,11 +39,13 @@ __export(index_exports, {
   ListView: () => ListView,
   MediaLibrary: () => MediaLibrary,
   PillButton: () => PillButton,
+  PromptTab: () => PromptTab,
   SectionLabel: () => SectionLabel,
   SetupPanel: () => SetupPanel,
   buildFallbackPrompt: () => buildFallbackPrompt,
   buildGenerationPrompt: () => buildGenerationPrompt,
   buildImageGenerationOptions: () => buildImageGenerationOptions,
+  buildPromptTabPayload: () => buildPromptTabPayload,
   cleanAiResponse: () => cleanAiResponse,
   exportProjectToZip: () => exportProjectToZip,
   formatTreeToMarkdown: () => formatTreeToMarkdown,
@@ -52,6 +54,7 @@ __export(index_exports, {
   injectXMPMetadata: () => injectXMPMetadata,
   interpretSdkError: () => interpretSdkError,
   parsePromptFile: () => parsePromptFile,
+  parsePromptResponse: () => parsePromptResponse,
   useKeyboardNavigation: () => useKeyboardNavigation,
   useOnClickOutside: () => useOnClickOutside
 });
@@ -352,6 +355,33 @@ function buildImageGenerationOptions(prompt, aspectRatio, model, referenceMediaI
   }
   return options;
 }
+function buildPromptTabPayload(selectedValues, instructions, treeText) {
+  const parts = [];
+  if (treeText) parts.push(`HIERARCHY:
+${treeText}`);
+  if (selectedValues.length > 0) parts.push(`SELECTED TAGS:
+${selectedValues.join(", ")}`);
+  if (instructions.trim()) parts.push(`ADDITIONAL INSTRUCTIONS:
+${instructions.trim()}`);
+  return [
+    "Create a high-quality image generation prompt based on the following inputs. Translate everything to English.",
+    `Return a JSON object with exactly two keys: "prompt" (the prompt string) and "feedback" (a short note on your choices in the user's language, or null).`,
+    "Output ONLY the JSON object, no markdown, no wrapping.",
+    "",
+    ...parts
+  ].join("\n");
+}
+function parsePromptResponse(raw) {
+  const cleaned = raw.replace(/^```json\s*/i, "").replace(/^```\s*/i, "").replace(/```$/i, "").trim();
+  try {
+    const parsed = JSON.parse(cleaned);
+    if (typeof parsed?.prompt === "string") {
+      return { prompt: parsed.prompt.trim(), feedback: parsed.feedback ?? null };
+    }
+  } catch {
+  }
+  return { prompt: cleaned, feedback: null };
+}
 function interpretSdkError(err) {
   const msg = err?.message || "Generierung fehlgeschlagen";
   if (msg.includes("PUBLIC_ERROR_SOMETHING_WENT_WRONG")) {
@@ -603,8 +633,8 @@ var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagTogg
         Object.entries(workspaceTags.by_category).map(([cat, tags]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[8px] font-bold text-white/30 uppercase tracking-widest px-1", children: cat }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1.5", children: tags.map((t) => {
-            const isActive = (currentResult.tags || []).includes(t);
-            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => onTagToggle?.(t), className: `px-2.5 py-1 rounded-lg text-[8px] font-bold uppercase transition-all border ${isActive ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_10px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/20 hover:text-white/50 hover:bg-white/10"}`, children: t }, t);
+            const isActive = (currentResult.tags || []).includes(t.label);
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => onTagToggle?.(t.label), className: `px-2.5 py-1 rounded-lg text-[8px] font-bold uppercase transition-all border ${isActive ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_10px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/20 hover:text-white/50 hover:bg-white/10"}`, children: t.label }, t.label);
           }) })
         ] }, cat))
       ] })
@@ -816,11 +846,117 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
+var import_react12 = require("react");
+var import_react13 = require("motion/react");
+
+// src/components/PromptTab.tsx
 var import_react10 = require("react");
 var import_react11 = require("motion/react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var PromptTab = ({ workspaceTags, onGenerate, isGenerating, feedback }) => {
+  const [selectedLabels, setSelectedLabels] = (0, import_react10.useState)(/* @__PURE__ */ new Set());
+  const [instructions, setInstructions] = (0, import_react10.useState)("");
+  const [showFeedback, setShowFeedback] = (0, import_react10.useState)(true);
+  const toggleTag = (label) => {
+    setSelectedLabels((prev) => {
+      const next = new Set(prev);
+      if (next.has(label)) next.delete(label);
+      else next.add(label);
+      return next;
+    });
+  };
+  const handleGenerate = () => {
+    const selectedValues = workspaceTags.all.filter((t) => selectedLabels.has(t.label)).map((t) => t.value);
+    onGenerate(selectedValues, instructions);
+  };
+  const categories = Object.entries(workspaceTags.by_category).filter(([, tags]) => tags.length > 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "absolute inset-0 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex-1 overflow-y-auto dark-scrollbar px-3 py-3 flex flex-col gap-4", children: [
+      categories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-3 opacity-20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[48px]", children: "label_off" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-center", children: [
+          "Keine Tags geladen.",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
+          "Importiere ein Workspace-JSON im Setup-Tab."
+        ] })
+      ] }) : categories.map(([cat, tags]) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionLabel, { children: cat }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-wrap gap-1", children: tags.map((t) => {
+          const active = selectedLabels.has(t.label);
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "button",
+            {
+              onClick: () => toggleTag(t.label),
+              className: `px-2 py-1 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-all border ${active ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_8px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/30 hover:text-white/60 hover:bg-white/10"}`,
+              children: t.label
+            },
+            t.label
+          );
+        }) })
+      ] }, cat)),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2 mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionLabel, { children: "Zus\xE4tzliche Anweisungen" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "textarea",
+          {
+            value: instructions,
+            onChange: (e) => setInstructions(e.target.value),
+            placeholder: "Weitere Vorgaben f\xFCr den AI-Prompt...",
+            className: "w-full bg-white/5 border border-white/10 rounded-xl p-3 text-[10px] text-white/70 placeholder-white/20 resize-none h-20 outline-none focus:border-white/20 dark-scrollbar"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "shrink-0 border-t border-white/5 p-3 flex flex-col gap-2", children: [
+      feedback && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "button",
+          {
+            onClick: () => setShowFeedback((p) => !p),
+            className: "flex items-center gap-1.5 text-[8px] font-bold uppercase text-amber-400/60 hover:text-amber-400 transition-colors mb-1",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[12px]", children: "psychology" }),
+              "KI-Analyse",
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[12px] ml-auto", children: showFeedback ? "expand_less" : "expand_more" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react11.AnimatePresence, { children: showFeedback && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_react11.motion.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-[9px] text-amber-400/50 leading-relaxed bg-amber-500/5 border border-amber-500/10 rounded-xl p-2 italic", children: feedback })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between", children: [
+        selectedLabels.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "text-[8px] text-white/30 font-bold uppercase", children: [
+          selectedLabels.size,
+          " Tags gew\xE4hlt"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[8px] text-white/20 italic", children: "Keine Tags gew\xE4hlt" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          PillButton,
+          {
+            variant: "solid",
+            icon: "auto_fix_high",
+            loading: isGenerating,
+            disabled: selectedLabels.size === 0 && !instructions.trim(),
+            onClick: handleGenerate,
+            children: "Prompt bauen"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/AvatarArchitectApp.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia }) {
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
       const style = document.createElement("style");
@@ -829,27 +965,31 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [nodes, setNodes] = (0, import_react10.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = (0, import_react10.useState)([]);
-  const [history, setHistory] = (0, import_react10.useState)([]);
-  const [galleryItems, setGalleryItems] = (0, import_react10.useState)([]);
-  const [activePrompt, setActivePrompt] = (0, import_react10.useState)("");
-  const [isSynthesizing, setIsSynthesizing] = (0, import_react10.useState)(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react10.useState)(0);
-  const [currentResult, setCurrentResult] = (0, import_react10.useState)(null);
-  const [focusedNodeId, setFocusedNodeId] = (0, import_react10.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react10.useState)("history");
-  const [aspectRatio, setAspectRatio] = (0, import_react10.useState)("1:1");
-  const [selectedModel, setSelectedModel] = (0, import_react10.useState)("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = (0, import_react10.useState)(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = (0, import_react10.useState)("random");
-  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react10.useState)(false);
-  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react10.useState)(false);
-  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react10.useState)(false);
-  const [projectActionState, setProjectActionState] = (0, import_react10.useState)("idle");
+  const [nodes, setNodes] = (0, import_react12.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = (0, import_react12.useState)([]);
+  const [history, setHistory] = (0, import_react12.useState)([]);
+  const [galleryItems, setGalleryItems] = (0, import_react12.useState)([]);
+  const [activePrompt, setActivePrompt] = (0, import_react12.useState)("");
+  const [isSynthesizing, setIsSynthesizing] = (0, import_react12.useState)(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react12.useState)(0);
+  const [currentResult, setCurrentResult] = (0, import_react12.useState)(null);
+  const [focusedNodeId, setFocusedNodeId] = (0, import_react12.useState)(null);
+  const [leftTab, setLeftTab] = (0, import_react12.useState)("hierarchy");
+  const [promptFeedback, setPromptFeedback] = (0, import_react12.useState)(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = (0, import_react12.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react12.useState)("history");
+  const [aspectRatio, setAspectRatio] = (0, import_react12.useState)("1:1");
+  const [selectedModel, setSelectedModel] = (0, import_react12.useState)("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = (0, import_react12.useState)(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = (0, import_react12.useState)("random");
+  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react12.useState)(false);
+  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react12.useState)(false);
+  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react12.useState)(false);
+  const [projectActionState, setProjectActionState] = (0, import_react12.useState)("idle");
+  const [workspaceTags, setWorkspaceTags] = (0, import_react12.useState)(null);
   const isGenerating = activeGenerationsCount > 0;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
-  const getSubtreeFormat = (0, import_react10.useCallback)((nodeId, depth = 0) => {
+  const getSubtreeFormat = (0, import_react12.useCallback)((nodeId, depth = 0) => {
     const node = nodes.find((n) => n.id === nodeId);
     if (!node) return "";
     const childrenIds = edges.filter((e) => e.source === nodeId).map((e) => e.target);
@@ -857,7 +997,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     return `${indent}- ${node.data.label || "(unbenannt)"}
 ` + childrenIds.map((id) => getSubtreeFormat(id, depth + 1)).join("");
   }, [nodes, edges]);
-  const activePath = (0, import_react10.useMemo)(() => {
+  const activePath = (0, import_react12.useMemo)(() => {
     if (!focusedNodeId) return /* @__PURE__ */ new Set();
     const path = /* @__PURE__ */ new Set([focusedNodeId]);
     let currId = focusedNodeId;
@@ -910,16 +1050,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const handleSynthesizePrompt = async (nodeId, autoGenerate = false) => {
     setIsSynthesizing(true);
     try {
-      const prompt = await onGeneratePrompt(getSubtreeFormat(nodeId));
-      setActivePrompt(prompt);
+      const raw = await onGeneratePrompt(getSubtreeFormat(nodeId));
+      setActivePrompt(raw);
       setFocusedNodeId(nodeId);
-      if (autoGenerate) handleGenerateImage(prompt, void 0, nodeId);
+      if (autoGenerate) handleGenerateImage(raw, void 0, nodeId);
     } catch {
       setActivePrompt("Synthese-Fehler");
     } finally {
       setIsSynthesizing(false);
     }
   };
+  const handlePromptTabGenerate = async (selectedValues, instructions) => {
+    setIsPromptTabGenerating(true);
+    setPromptFeedback(null);
+    try {
+      const treeText = focusedNodeId ? getSubtreeFormat(focusedNodeId) : void 0;
+      const payload = buildPromptTabPayload(selectedValues, instructions, treeText);
+      const raw = await onGeneratePrompt(payload);
+      const { prompt, feedback } = parsePromptResponse(raw);
+      setActivePrompt(prompt);
+      setPromptFeedback(feedback);
+    } catch {
+      setActivePrompt("Synthese-Fehler");
+    } finally {
+      setIsPromptTabGenerating(false);
+    }
+  };
   const handleDownloadSingle = async () => {
     if (!currentResult?.base64) return;
     try {
@@ -975,58 +1131,100 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         const root = JSON.parse(ev.target?.result);
         const rawTags = root.tags || root;
         if (!rawTags?.by_category) return;
+        const filtered = {};
+        const EXCLUDED = ["pdf-export", "book.micro-edit-rules"];
+        Object.entries(rawTags.by_category).forEach(([cat, items]) => {
+          if (EXCLUDED.includes(cat) || !Array.isArray(items)) return;
+          filtered[cat] = items.filter((t) => t && typeof t === "object" && t.label && t.value);
+        });
+        const filteredAll = (rawTags.all || []).filter((t) => t && !EXCLUDED.includes(t.category));
+        setWorkspaceTags({ by_category: filtered, all: filteredAll });
       } catch (err) {
         console.error("Workspace Load failed", err);
       }
     };
     reader.readAsText(file);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react11.motion.div, { animate: { width: isLeftCollapsed ? 48 : 260 }, className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "h-14 px-4 border-b border-white/5 flex items-center justify-between shrink-0", children: [
-        !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[10px] font-bold uppercase text-white/40", children: "Hierarchie" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react13.motion.div, { animate: { width: isLeftCollapsed ? 48 : 260 }, className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsxs)("div", { className: "flex flex-1 gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            "button",
+            {
+              onClick: () => setLeftTab("hierarchy"),
+              className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
+                "Hierarchie"
+              ]
+            }
+          ),
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime11.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: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
+                "Prompt"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
       ] }),
-      !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        ListView,
-        {
-          nodes,
-          edges,
-          onNodeChange: (id, l) => setNodes((nds) => nds.map((n) => n.id === id ? { ...n, data: { ...n.data, label: l } } : n)),
-          onAddChild: (pId) => {
-            const newId = crypto.randomUUID();
-            setNodes((nds) => [...nds, { id: newId, type: "custom", position: { x: 0, y: 0 }, data: { label: "", placeholder: "Konzept..." } }]);
-            setEdges((eds) => [...eds, { id: `e-${pId}-${newId}`, source: pId, target: newId }]);
-            setFocusedNodeId(newId);
-            return newId;
-          },
-          onDeleteNode: (id) => {
-            setNodes((nds) => nds.filter((n) => n.id !== id));
-            setEdges((eds) => eds.filter((e) => e.source !== id && e.target !== id));
-          },
-          onFocus: setFocusedNodeId,
-          focusedNodeId,
-          activePath,
-          onGenerate: handleSynthesizePrompt,
-          onGenerateBranch: (id) => handleSynthesizePrompt(id, true),
-          isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
-        }
-      )
+      !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react13.AnimatePresence, { mode: "wait", children: [
+        leftTab === "hierarchy" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.motion.div, { className: "absolute inset-0", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          ListView,
+          {
+            nodes,
+            edges,
+            onNodeChange: (id, l) => setNodes((nds) => nds.map((n) => n.id === id ? { ...n, data: { ...n.data, label: l } } : n)),
+            onAddChild: (pId) => {
+              const newId = crypto.randomUUID();
+              setNodes((nds) => [...nds, { id: newId, type: "custom", position: { x: 0, y: 0 }, data: { label: "", placeholder: "Konzept..." } }]);
+              setEdges((eds) => [...eds, { id: `e-${pId}-${newId}`, source: pId, target: newId }]);
+              setFocusedNodeId(newId);
+              return newId;
+            },
+            onDeleteNode: (id) => {
+              setNodes((nds) => nds.filter((n) => n.id !== id));
+              setEdges((eds) => eds.filter((e) => e.source !== id && e.target !== id));
+            },
+            onFocus: setFocusedNodeId,
+            focusedNodeId,
+            activePath,
+            onGenerate: handleSynthesizePrompt,
+            onGenerateBranch: (id) => handleSynthesizePrompt(id, true),
+            isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
+          }
+        ) }, "hierarchy"),
+        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.motion.div, { className: "absolute inset-0", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          PromptTab,
+          {
+            workspaceTags,
+            onGenerate: handlePromptTabGenerate,
+            isGenerating: isPromptTabGenerating,
+            feedback: promptFeedback
+          }
+        ) }, "prompt")
+      ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PillButton, { variant: "solid", icon: "bolt", loading: isGenerating, disabled: !activePrompt.trim(), onClick: () => handleGenerateImage(), children: "Generieren" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PillButton, { variant: "solid", icon: "bolt", loading: isGenerating, disabled: !activePrompt.trim(), onClick: () => handleGenerateImage(), children: "Generieren" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react11.AnimatePresence, { children: !isPromptCollapsed && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react11.motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.AnimatePresence, { children: !isPromptCollapsed && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "textarea",
             {
               value: activePrompt,
@@ -1035,48 +1233,48 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..."
             }
           ),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: [
-          isGenerating && currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: [
+          isGenerating && currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
           ] }),
-          currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
-          ] }) : currentResult.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
+          currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+          ] }) : currentResult.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "h-full w-full relative flex items-center justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "h-full w-full relative flex items-center justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { src: currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
           ] })
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react11.motion.div, { animate: { width: isRightCollapsed ? 60 : 320 }, className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react13.motion.div, { animate: { width: isRightCollapsed ? 60 : 320 }, className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime10.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : "settings" }) }, tab)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
+        }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : "settings" }) }, tab)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
-      !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react11.AnimatePresence, { mode: "wait", children: [
-        activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }, "history"),
-        activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react13.AnimatePresence, { mode: "wait", children: [
+        activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }, "history"),
+        activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           MediaLibrary,
           {
             items: galleryItems,
@@ -1102,8 +1300,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           },
           "gallery"
         ),
-        activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InspectPanel, { currentResult, history, onSelect: setCurrentResult }, "inspect"),
-        activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InspectPanel, { currentResult, history, onSelect: setCurrentResult }, "inspect"),
+        activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           SetupPanel,
           {
             onProjectExport: handleProjectExport,
@@ -1128,11 +1326,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   ListView,
   MediaLibrary,
   PillButton,
+  PromptTab,
   SectionLabel,
   SetupPanel,
   buildFallbackPrompt,
   buildGenerationPrompt,
   buildImageGenerationOptions,
+  buildPromptTabPayload,
   cleanAiResponse,
   exportProjectToZip,
   formatTreeToMarkdown,
@@ -1141,6 +1341,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   injectXMPMetadata,
   interpretSdkError,
   parsePromptFile,
+  parsePromptResponse,
   useKeyboardNavigation,
   useOnClickOutside
 });

package/dist/index.mjs

@@ -293,6 +293,33 @@ function buildImageGenerationOptions(prompt, aspectRatio, model, referenceMediaI
   }
   return options;
 }
+function buildPromptTabPayload(selectedValues, instructions, treeText) {
+  const parts = [];
+  if (treeText) parts.push(`HIERARCHY:
+${treeText}`);
+  if (selectedValues.length > 0) parts.push(`SELECTED TAGS:
+${selectedValues.join(", ")}`);
+  if (instructions.trim()) parts.push(`ADDITIONAL INSTRUCTIONS:
+${instructions.trim()}`);
+  return [
+    "Create a high-quality image generation prompt based on the following inputs. Translate everything to English.",
+    `Return a JSON object with exactly two keys: "prompt" (the prompt string) and "feedback" (a short note on your choices in the user's language, or null).`,
+    "Output ONLY the JSON object, no markdown, no wrapping.",
+    "",
+    ...parts
+  ].join("\n");
+}
+function parsePromptResponse(raw) {
+  const cleaned = raw.replace(/^```json\s*/i, "").replace(/^```\s*/i, "").replace(/```$/i, "").trim();
+  try {
+    const parsed = JSON.parse(cleaned);
+    if (typeof parsed?.prompt === "string") {
+      return { prompt: parsed.prompt.trim(), feedback: parsed.feedback ?? null };
+    }
+  } catch {
+  }
+  return { prompt: cleaned, feedback: null };
+}
 function interpretSdkError(err) {
   const msg = err?.message || "Generierung fehlgeschlagen";
   if (msg.includes("PUBLIC_ERROR_SOMETHING_WENT_WRONG")) {
@@ -544,8 +571,8 @@ var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagTogg
         Object.entries(workspaceTags.by_category).map(([cat, tags]) => /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx6("span", { className: "text-[8px] font-bold text-white/30 uppercase tracking-widest px-1", children: cat }),
           /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-1.5", children: tags.map((t) => {
-            const isActive = (currentResult.tags || []).includes(t);
-            return /* @__PURE__ */ jsx6("button", { onClick: () => onTagToggle?.(t), className: `px-2.5 py-1 rounded-lg text-[8px] font-bold uppercase transition-all border ${isActive ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_10px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/20 hover:text-white/50 hover:bg-white/10"}`, children: t }, t);
+            const isActive = (currentResult.tags || []).includes(t.label);
+            return /* @__PURE__ */ jsx6("button", { onClick: () => onTagToggle?.(t.label), className: `px-2.5 py-1 rounded-lg text-[8px] font-bold uppercase transition-all border ${isActive ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_10px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/20 hover:text-white/50 hover:bg-white/10"}`, children: t.label }, t.label);
           }) })
         ] }, cat))
       ] })
@@ -757,9 +784,115 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { useState as useState3, useCallback, useMemo, useEffect as useEffect4 } from "react";
+import { useState as useState4, useCallback, useMemo, useEffect as useEffect4 } from "react";
+import { motion as motion6, AnimatePresence as AnimatePresence2 } from "motion/react";
+
+// src/components/PromptTab.tsx
+import { useState as useState3 } from "react";
 import { motion as motion5, AnimatePresence } from "motion/react";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var PromptTab = ({ workspaceTags, onGenerate, isGenerating, feedback }) => {
+  const [selectedLabels, setSelectedLabels] = useState3(/* @__PURE__ */ new Set());
+  const [instructions, setInstructions] = useState3("");
+  const [showFeedback, setShowFeedback] = useState3(true);
+  const toggleTag = (label) => {
+    setSelectedLabels((prev) => {
+      const next = new Set(prev);
+      if (next.has(label)) next.delete(label);
+      else next.add(label);
+      return next;
+    });
+  };
+  const handleGenerate = () => {
+    const selectedValues = workspaceTags.all.filter((t) => selectedLabels.has(t.label)).map((t) => t.value);
+    onGenerate(selectedValues, instructions);
+  };
+  const categories = Object.entries(workspaceTags.by_category).filter(([, tags]) => tags.length > 0);
+  return /* @__PURE__ */ jsxs8("div", { className: "absolute inset-0 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 overflow-y-auto dark-scrollbar px-3 py-3 flex flex-col gap-4", children: [
+      categories.length === 0 ? /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center justify-center py-16 gap-3 opacity-20", children: [
+        /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[48px]", children: "label_off" }),
+        /* @__PURE__ */ jsxs8("p", { className: "text-[9px] font-bold uppercase tracking-widest text-center", children: [
+          "Keine Tags geladen.",
+          /* @__PURE__ */ jsx10("br", {}),
+          "Importiere ein Workspace-JSON im Setup-Tab."
+        ] })
+      ] }) : categories.map(([cat, tags]) => /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10(SectionLabel, { children: cat }),
+        /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-1", children: tags.map((t) => {
+          const active = selectedLabels.has(t.label);
+          return /* @__PURE__ */ jsx10(
+            "button",
+            {
+              onClick: () => toggleTag(t.label),
+              className: `px-2 py-1 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-all border ${active ? "bg-blue-500 border-blue-400 text-white shadow-[0_0_8px_rgba(59,130,246,0.3)]" : "bg-white/5 border-white/5 text-white/30 hover:text-white/60 hover:bg-white/10"}`,
+              children: t.label
+            },
+            t.label
+          );
+        }) })
+      ] }, cat)),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2 mt-2", children: [
+        /* @__PURE__ */ jsx10(SectionLabel, { children: "Zus\xE4tzliche Anweisungen" }),
+        /* @__PURE__ */ jsx10(
+          "textarea",
+          {
+            value: instructions,
+            onChange: (e) => setInstructions(e.target.value),
+            placeholder: "Weitere Vorgaben f\xFCr den AI-Prompt...",
+            className: "w-full bg-white/5 border border-white/10 rounded-xl p-3 text-[10px] text-white/70 placeholder-white/20 resize-none h-20 outline-none focus:border-white/20 dark-scrollbar"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "shrink-0 border-t border-white/5 p-3 flex flex-col gap-2", children: [
+      feedback && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs8(
+          "button",
+          {
+            onClick: () => setShowFeedback((p) => !p),
+            className: "flex items-center gap-1.5 text-[8px] font-bold uppercase text-amber-400/60 hover:text-amber-400 transition-colors mb-1",
+            children: [
+              /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[12px]", children: "psychology" }),
+              "KI-Analyse",
+              /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[12px] ml-auto", children: showFeedback ? "expand_less" : "expand_more" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx10(AnimatePresence, { children: showFeedback && /* @__PURE__ */ jsx10(
+          motion5.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ jsx10("p", { className: "text-[9px] text-amber-400/50 leading-relaxed bg-amber-500/5 border border-amber-500/10 rounded-xl p-2 italic", children: feedback })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+        selectedLabels.size > 0 ? /* @__PURE__ */ jsxs8("span", { className: "text-[8px] text-white/30 font-bold uppercase", children: [
+          selectedLabels.size,
+          " Tags gew\xE4hlt"
+        ] }) : /* @__PURE__ */ jsx10("span", { className: "text-[8px] text-white/20 italic", children: "Keine Tags gew\xE4hlt" }),
+        /* @__PURE__ */ jsx10(
+          PillButton,
+          {
+            variant: "solid",
+            icon: "auto_fix_high",
+            loading: isGenerating,
+            disabled: selectedLabels.size === 0 && !instructions.trim(),
+            onClick: handleGenerate,
+            children: "Prompt bauen"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/AvatarArchitectApp.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia }) {
   useEffect4(() => {
     const id = "flow-styles";
@@ -770,24 +903,28 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [nodes, setNodes] = useState3([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = useState3([]);
-  const [history, setHistory] = useState3([]);
-  const [galleryItems, setGalleryItems] = useState3([]);
-  const [activePrompt, setActivePrompt] = useState3("");
-  const [isSynthesizing, setIsSynthesizing] = useState3(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = useState3(0);
-  const [currentResult, setCurrentResult] = useState3(null);
-  const [focusedNodeId, setFocusedNodeId] = useState3(null);
-  const [activeTab, setActiveTab] = useState3("history");
-  const [aspectRatio, setAspectRatio] = useState3("1:1");
-  const [selectedModel, setSelectedModel] = useState3("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = useState3(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = useState3("random");
-  const [isLeftCollapsed, setIsLeftCollapsed] = useState3(false);
-  const [isRightCollapsed, setIsRightCollapsed] = useState3(false);
-  const [isPromptCollapsed, setIsPromptCollapsed] = useState3(false);
-  const [projectActionState, setProjectActionState] = useState3("idle");
+  const [nodes, setNodes] = useState4([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = useState4([]);
+  const [history, setHistory] = useState4([]);
+  const [galleryItems, setGalleryItems] = useState4([]);
+  const [activePrompt, setActivePrompt] = useState4("");
+  const [isSynthesizing, setIsSynthesizing] = useState4(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = useState4(0);
+  const [currentResult, setCurrentResult] = useState4(null);
+  const [focusedNodeId, setFocusedNodeId] = useState4(null);
+  const [leftTab, setLeftTab] = useState4("hierarchy");
+  const [promptFeedback, setPromptFeedback] = useState4(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = useState4(false);
+  const [activeTab, setActiveTab] = useState4("history");
+  const [aspectRatio, setAspectRatio] = useState4("1:1");
+  const [selectedModel, setSelectedModel] = useState4("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = useState4(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = useState4("random");
+  const [isLeftCollapsed, setIsLeftCollapsed] = useState4(false);
+  const [isRightCollapsed, setIsRightCollapsed] = useState4(false);
+  const [isPromptCollapsed, setIsPromptCollapsed] = useState4(false);
+  const [projectActionState, setProjectActionState] = useState4("idle");
+  const [workspaceTags, setWorkspaceTags] = useState4(null);
   const isGenerating = activeGenerationsCount > 0;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
   const getSubtreeFormat = useCallback((nodeId, depth = 0) => {
@@ -851,16 +988,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const handleSynthesizePrompt = async (nodeId, autoGenerate = false) => {
     setIsSynthesizing(true);
     try {
-      const prompt = await onGeneratePrompt(getSubtreeFormat(nodeId));
-      setActivePrompt(prompt);
+      const raw = await onGeneratePrompt(getSubtreeFormat(nodeId));
+      setActivePrompt(raw);
       setFocusedNodeId(nodeId);
-      if (autoGenerate) handleGenerateImage(prompt, void 0, nodeId);
+      if (autoGenerate) handleGenerateImage(raw, void 0, nodeId);
     } catch {
       setActivePrompt("Synthese-Fehler");
     } finally {
       setIsSynthesizing(false);
     }
   };
+  const handlePromptTabGenerate = async (selectedValues, instructions) => {
+    setIsPromptTabGenerating(true);
+    setPromptFeedback(null);
+    try {
+      const treeText = focusedNodeId ? getSubtreeFormat(focusedNodeId) : void 0;
+      const payload = buildPromptTabPayload(selectedValues, instructions, treeText);
+      const raw = await onGeneratePrompt(payload);
+      const { prompt, feedback } = parsePromptResponse(raw);
+      setActivePrompt(prompt);
+      setPromptFeedback(feedback);
+    } catch {
+      setActivePrompt("Synthese-Fehler");
+    } finally {
+      setIsPromptTabGenerating(false);
+    }
+  };
   const handleDownloadSingle = async () => {
     if (!currentResult?.base64) return;
     try {
@@ -916,58 +1069,100 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         const root = JSON.parse(ev.target?.result);
         const rawTags = root.tags || root;
         if (!rawTags?.by_category) return;
+        const filtered = {};
+        const EXCLUDED = ["pdf-export", "book.micro-edit-rules"];
+        Object.entries(rawTags.by_category).forEach(([cat, items]) => {
+          if (EXCLUDED.includes(cat) || !Array.isArray(items)) return;
+          filtered[cat] = items.filter((t) => t && typeof t === "object" && t.label && t.value);
+        });
+        const filteredAll = (rawTags.all || []).filter((t) => t && !EXCLUDED.includes(t.category));
+        setWorkspaceTags({ by_category: filtered, all: filteredAll });
       } catch (err) {
         console.error("Workspace Load failed", err);
       }
     };
     reader.readAsText(file);
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", children: [
-    /* @__PURE__ */ jsxs8(motion5.div, { animate: { width: isLeftCollapsed ? 48 : 260 }, className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "h-14 px-4 border-b border-white/5 flex items-center justify-between shrink-0", children: [
-        !isLeftCollapsed && /* @__PURE__ */ jsx10("span", { className: "text-[10px] font-bold uppercase text-white/40", children: "Hierarchie" }),
-        /* @__PURE__ */ jsx10("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
+  return /* @__PURE__ */ jsxs9("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", children: [
+    /* @__PURE__ */ jsxs9(motion6.div, { animate: { width: isLeftCollapsed ? 48 : 260 }, className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
+        !isLeftCollapsed && /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 gap-1", children: [
+          /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              onClick: () => setLeftTab("hierarchy"),
+              className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`,
+              children: [
+                /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
+                "Hierarchie"
+              ]
+            }
+          ),
+          workspaceTags && /* @__PURE__ */ jsxs9(
+            "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: [
+                /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
+                "Prompt"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx11("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
       ] }),
-      !isLeftCollapsed && /* @__PURE__ */ jsx10(
-        ListView,
-        {
-          nodes,
-          edges,
-          onNodeChange: (id, l) => setNodes((nds) => nds.map((n) => n.id === id ? { ...n, data: { ...n.data, label: l } } : n)),
-          onAddChild: (pId) => {
-            const newId = crypto.randomUUID();
-            setNodes((nds) => [...nds, { id: newId, type: "custom", position: { x: 0, y: 0 }, data: { label: "", placeholder: "Konzept..." } }]);
-            setEdges((eds) => [...eds, { id: `e-${pId}-${newId}`, source: pId, target: newId }]);
-            setFocusedNodeId(newId);
-            return newId;
-          },
-          onDeleteNode: (id) => {
-            setNodes((nds) => nds.filter((n) => n.id !== id));
-            setEdges((eds) => eds.filter((e) => e.source !== id && e.target !== id));
-          },
-          onFocus: setFocusedNodeId,
-          focusedNodeId,
-          activePath,
-          onGenerate: handleSynthesizePrompt,
-          onGenerateBranch: (id) => handleSynthesizePrompt(id, true),
-          isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
-        }
-      )
+      !isLeftCollapsed && /* @__PURE__ */ jsx11("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxs9(AnimatePresence2, { mode: "wait", children: [
+        leftTab === "hierarchy" && /* @__PURE__ */ jsx11(motion6.div, { className: "absolute inset-0", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ jsx11(
+          ListView,
+          {
+            nodes,
+            edges,
+            onNodeChange: (id, l) => setNodes((nds) => nds.map((n) => n.id === id ? { ...n, data: { ...n.data, label: l } } : n)),
+            onAddChild: (pId) => {
+              const newId = crypto.randomUUID();
+              setNodes((nds) => [...nds, { id: newId, type: "custom", position: { x: 0, y: 0 }, data: { label: "", placeholder: "Konzept..." } }]);
+              setEdges((eds) => [...eds, { id: `e-${pId}-${newId}`, source: pId, target: newId }]);
+              setFocusedNodeId(newId);
+              return newId;
+            },
+            onDeleteNode: (id) => {
+              setNodes((nds) => nds.filter((n) => n.id !== id));
+              setEdges((eds) => eds.filter((e) => e.source !== id && e.target !== id));
+            },
+            onFocus: setFocusedNodeId,
+            focusedNodeId,
+            activePath,
+            onGenerate: handleSynthesizePrompt,
+            onGenerateBranch: (id) => handleSynthesizePrompt(id, true),
+            isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
+          }
+        ) }, "hierarchy"),
+        leftTab === "prompt" && workspaceTags && /* @__PURE__ */ jsx11(motion6.div, { className: "absolute inset-0", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ jsx11(
+          PromptTab,
+          {
+            workspaceTags,
+            onGenerate: handlePromptTabGenerate,
+            isGenerating: isPromptTabGenerating,
+            feedback: promptFeedback
+          }
+        ) }, "prompt")
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
-      /* @__PURE__ */ jsxs8("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__ */ jsxs8("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx10(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ jsx10(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] })
+    /* @__PURE__ */ jsxs9("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
+      /* @__PURE__ */ jsxs9("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__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx11(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ jsx11(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx10("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
-          /* @__PURE__ */ jsx10(PillButton, { variant: "solid", icon: "bolt", loading: isGenerating, disabled: !activePrompt.trim(), onClick: () => handleGenerateImage(), children: "Generieren" })
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx11("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
+          /* @__PURE__ */ jsx11(PillButton, { variant: "solid", icon: "bolt", loading: isGenerating, disabled: !activePrompt.trim(), onClick: () => handleGenerateImage(), children: "Generieren" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
-        /* @__PURE__ */ jsx10(AnimatePresence, { children: !isPromptCollapsed && /* @__PURE__ */ jsx10(motion5.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ jsxs8("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs9("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
+        /* @__PURE__ */ jsx11(AnimatePresence2, { children: !isPromptCollapsed && /* @__PURE__ */ jsx11(motion6.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ jsxs9("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ jsx11(
             "textarea",
             {
               value: activePrompt,
@@ -976,48 +1171,48 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..."
             }
           ),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx10("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          activePrompt && !isSynthesizing && /* @__PURE__ */ jsx11("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
         ] }) }) }),
-        /* @__PURE__ */ jsx10("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsxs8("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: [
-          isGenerating && currentResult?.status === "done" && /* @__PURE__ */ jsxs8("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx10("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
+        /* @__PURE__ */ jsx11("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsxs9("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: [
+          isGenerating && currentResult?.status === "done" && /* @__PURE__ */ jsxs9("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx11("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx11("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
           ] }),
-          currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ jsx10("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
-          ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs8("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
-            /* @__PURE__ */ jsx10("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
-            /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx10("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-              /* @__PURE__ */ jsx10("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
+          currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ jsx11("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx11("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+          ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs9("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
+            /* @__PURE__ */ jsx11("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
+            /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx11("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
+              /* @__PURE__ */ jsx11("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
             ] }),
-            /* @__PURE__ */ jsx10(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
-          ] }) : /* @__PURE__ */ jsxs8("div", { className: "h-full w-full relative flex items-center justify-center", children: [
-            /* @__PURE__ */ jsx10("img", { src: currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
-            /* @__PURE__ */ jsxs8("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
-              /* @__PURE__ */ jsx10(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
-              /* @__PURE__ */ jsx10(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
-              /* @__PURE__ */ jsx10(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
+            /* @__PURE__ */ jsx11(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
+          ] }) : /* @__PURE__ */ jsxs9("div", { className: "h-full w-full relative flex items-center justify-center", children: [
+            /* @__PURE__ */ jsx11("img", { src: currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
+            /* @__PURE__ */ jsxs9("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
+              /* @__PURE__ */ jsx11(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
+              /* @__PURE__ */ jsx11(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
+              /* @__PURE__ */ jsx11(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
             ] })
-          ] }) : /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-            /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
-            /* @__PURE__ */ jsx10("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+          ] }) : /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+            /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
+            /* @__PURE__ */ jsx11("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
           ] })
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs8(motion5.div, { animate: { width: isRightCollapsed ? 60 : 320 }, className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ jsx10("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup"].map((tab) => /* @__PURE__ */ jsx10("button", { onClick: () => {
+    /* @__PURE__ */ jsxs9(motion6.div, { animate: { width: isRightCollapsed ? 60 : 320 }, className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsx11("div", { className: "flex flex-1", children: ["history", "gallery", "inspect", "setup"].map((tab) => /* @__PURE__ */ jsx11("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__ */ jsx10("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : "settings" }) }, tab)) }),
-        /* @__PURE__ */ jsx10("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ jsx10("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
+        }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : "settings" }) }, tab)) }),
+        /* @__PURE__ */ jsx11("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ jsx11("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
-      !isRightCollapsed && /* @__PURE__ */ jsx10("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxs8(AnimatePresence, { mode: "wait", children: [
-        activeTab === "history" && /* @__PURE__ */ jsx10(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }, "history"),
-        activeTab === "gallery" && /* @__PURE__ */ jsx10(
+      !isRightCollapsed && /* @__PURE__ */ jsx11("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxs9(AnimatePresence2, { mode: "wait", children: [
+        activeTab === "history" && /* @__PURE__ */ jsx11(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }, "history"),
+        activeTab === "gallery" && /* @__PURE__ */ jsx11(
           MediaLibrary,
           {
             items: galleryItems,
@@ -1043,8 +1238,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           },
           "gallery"
         ),
-        activeTab === "inspect" && /* @__PURE__ */ jsx10(InspectPanel, { currentResult, history, onSelect: setCurrentResult }, "inspect"),
-        activeTab === "setup" && /* @__PURE__ */ jsx10(
+        activeTab === "inspect" && /* @__PURE__ */ jsx11(InspectPanel, { currentResult, history, onSelect: setCurrentResult }, "inspect"),
+        activeTab === "setup" && /* @__PURE__ */ jsx11(
           SetupPanel,
           {
             onProjectExport: handleProjectExport,
@@ -1068,11 +1263,13 @@ export {
   ListView,
   MediaLibrary,
   PillButton,
+  PromptTab,
   SectionLabel,
   SetupPanel,
   buildFallbackPrompt,
   buildGenerationPrompt,
   buildImageGenerationOptions,
+  buildPromptTabPayload,
   cleanAiResponse,
   exportProjectToZip,
   formatTreeToMarkdown,
@@ -1081,6 +1278,7 @@ export {
   injectXMPMetadata,
   interpretSdkError,
   parsePromptFile,
+  parsePromptResponse,
   useKeyboardNavigation,
   useOnClickOutside
 };

package/package.json

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