@teamflojo/floimg-studio-ui 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { Gallery } from './components/Gallery';
 export { TemplateGallery } from './components/TemplateGallery';
 export { WorkflowLibrary } from './components/WorkflowLibrary';
 export { AISettings } from './components/AISettings';
+export { AIChat } from './components/AIChat';
 export { UploadGallery } from './components/UploadGallery';
 export { useWorkflowStore } from './stores/workflowStore';
 export { templates, getCategories, getTemplatesByCategory, getTemplateById, searchTemplates, } from './templates';

package/dist/index.js

@@ -202,10 +202,10 @@ async function Be(r) {
   }
   return t.json();
 }
-async function Ge() {
+async function Ve() {
   return j(`${$}/uploads`);
 }
-async function Ve(r) {
+async function Ge(r) {
   const l = await fetch(`${$}/uploads/${r}`, {
     method: "DELETE"
   });
@@ -280,7 +280,7 @@ const se = "http://localhost:11434", ie = "http://localhost:1234", O = ce()(
   )
 );
 let qe = 0;
-function G() {
+function V() {
   return `node_${++qe}`;
 }
 function le() {
@@ -315,7 +315,7 @@ const k = ce()(
       },
       loadTemplate: (t) => {
         const n = /* @__PURE__ */ new Map(), o = t.workflow.nodes.map((m) => {
-          const d = G();
+          const d = V();
           return n.set(m.id, d), {
             id: d,
             type: m.type,
@@ -378,7 +378,7 @@ const k = ce()(
       setVisionProviders: (t) => r({ visionProviders: t }),
       addNode: (t, n) => {
         var d, a, p;
-        const o = G();
+        const o = V();
         let i;
         if (t.type === "generator")
           i = {
@@ -454,7 +454,7 @@ const k = ce()(
       duplicateNode: (t) => {
         const n = l(), o = n.nodes.find((d) => d.id === t);
         if (!o) return;
-        const i = G(), m = {
+        const i = V(), m = {
           ...o,
           id: i,
           position: {
@@ -575,7 +575,7 @@ const k = ce()(
       },
       importFromYaml: (t, n, o) => {
         const i = /* @__PURE__ */ new Map(), m = t.map((a) => {
-          const p = G();
+          const p = V();
           return i.set(a.id, p), {
             id: p,
             type: a.type,
@@ -735,7 +735,7 @@ const k = ce()(
       },
       loadGeneratedWorkflow: (t) => {
         const n = /* @__PURE__ */ new Map(), o = 250, i = 150, m = 3, d = t.nodes.map((p, c) => {
-          const u = G();
+          const u = V();
           n.set(p.id, u);
           const h = p.nodeType.split(":"), f = h[0], w = Math.floor(c / m), y = {
             x: 100 + c % m * o,
@@ -1339,7 +1339,7 @@ function nt({ onSelect: r }) {
   const [l, t] = I([]), [n, o] = I(!0), [i, m] = I(null), d = async () => {
     try {
       o(!0);
-      const c = await Ge();
+      const c = await Ve();
       t(c), m(null);
     } catch (c) {
       m(c instanceof Error ? c.message : "Failed to load uploads");
@@ -1353,7 +1353,7 @@ function nt({ onSelect: r }) {
   const a = async (c, u) => {
     if (u.stopPropagation(), !!confirm("Delete this upload?"))
       try {
-        await Ve(c), t((h) => h.filter((f) => f.id !== c));
+        await Ge(c), t((h) => h.filter((f) => f.id !== c));
       } catch (h) {
         console.error("Failed to delete:", h);
       }
@@ -1943,7 +1943,7 @@ function ct(r) {
   const l = r.type || "node", t = r.id.replace(/[^a-zA-Z0-9]/g, "_");
   return `${l}_${t}`;
 }
-function V(r) {
+function G(r) {
   return typeof r == "string" ? r.includes(`
 `) ? "`" + r.replace(/`/g, "\\`").replace(/\$/g, "\\$") + "`" : JSON.stringify(r) : JSON.stringify(r, null, 2);
 }
@@ -1953,7 +1953,7 @@ function mt(r, l, t) {
     case "generator": {
       const d = r.data;
       o.push(d.generatorName);
-      const a = d.params || {}, p = Object.entries(a).filter(([, c]) => c !== void 0 && c !== "").map(([c, u]) => `  ${c}: ${V(u)}`).join(`,
+      const a = d.params || {}, p = Object.entries(a).filter(([, c]) => c !== void 0 && c !== "").map(([c, u]) => `  ${c}: ${G(u)}`).join(`,
 `);
       return {
         code: `// Generate image using ${d.generatorName}
@@ -1970,7 +1970,7 @@ const ${n} = await flo.loadImage("./input.png");`,
         imports: []
       };
     case "transform": {
-      const d = r.data, a = d.params || {}, p = Object.entries(a).filter(([, u]) => u !== void 0 && u !== "").map(([u, h]) => `${u}: ${V(h)}`).join(", "), c = m || "image";
+      const d = r.data, a = d.params || {}, p = Object.entries(a).filter(([, u]) => u !== void 0 && u !== "").map(([u, h]) => `${u}: ${G(h)}`).join(", "), c = m || "image";
       return {
         code: `// Apply ${d.operation} transform
 const ${n} = await flo.transform(${c}, "${d.operation}"${p ? `, { ${p} }` : ""});`,
@@ -1980,7 +1980,7 @@ const ${n} = await flo.transform(${c}, "${d.operation}"${p ? `, { ${p} }` : ""})
     case "vision": {
       const d = r.data;
       o.push(d.providerName);
-      const a = d.params || {}, p = m || "image", c = Object.entries(a).filter(([, u]) => u !== void 0 && u !== "").map(([u, h]) => `  ${u}: ${V(h)}`).join(`,
+      const a = d.params || {}, p = m || "image", c = Object.entries(a).filter(([, u]) => u !== void 0 && u !== "").map(([u, h]) => `  ${u}: ${G(h)}`).join(`,
 `);
       return {
         code: `// Analyze image with ${d.providerName}
@@ -1993,7 +1993,7 @@ ${c}
     case "text": {
       const d = r.data;
       o.push(d.providerName);
-      const a = d.params || {}, p = Object.entries(a).filter(([, c]) => c !== void 0 && c !== "").map(([c, u]) => `  ${c}: ${V(u)}`).join(`,
+      const a = d.params || {}, p = Object.entries(a).filter(([, c]) => c !== void 0 && c !== "").map(([c, u]) => `  ${c}: ${G(u)}`).join(`,
 `);
       return {
         code: `// Generate text with ${d.providerName}
@@ -2007,7 +2007,7 @@ ${p}
       const d = r.data;
       return {
         code: `// Save result
-await flo.save(${m || "result"}, ${V(d.destination)});`,
+await flo.save(${m || "result"}, ${G(d.destination)});`,
         imports: []
       };
     }
@@ -2659,12 +2659,13 @@ function ht() {
     /* @__PURE__ */ e("div", { className: "text-sm", children: "Create a workflow and click Execute to generate images" })
   ] }) : /* @__PURE__ */ s("div", { className: "p-4 bg-gray-100 dark:bg-zinc-900 min-h-full", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ s("h2", { className: "text-lg font-semibold text-gray-800 dark:text-white", children: [
-        "Gallery (",
-        n.length,
-        " image",
-        n.length !== 1 ? "s" : "",
-        ")"
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("h2", { className: "text-lg font-semibold text-gray-800 dark:text-white", children: [
+          "Images (",
+          n.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 dark:text-zinc-500", children: "Your generated images" })
       ] }),
       /* @__PURE__ */ e(
         "button",
@@ -3154,7 +3155,7 @@ function It() {
   const r = new Set(H.map((l) => l.category));
   return Array.from(r).sort();
 }
-function Vt(r) {
+function Gt(r) {
   return H.filter((l) => l.category === r);
 }
 function de(r) {
@@ -4132,7 +4133,7 @@ function Ht() {
             {
               onClick: () => l("gallery"),
               className: `px-6 py-3 text-sm font-medium border-b-2 transition-colors ${r === "gallery" ? "border-teal-500 text-teal-600 dark:text-teal-400" : "border-transparent text-gray-500 dark:text-zinc-400 hover:text-gray-700 dark:hover:text-zinc-200"}`,
-              children: "Gallery"
+              children: "Images"
             }
           ),
           /* @__PURE__ */ e(
@@ -4177,6 +4178,7 @@ function Ht() {
   ] });
 }
 export {
+  Tt as AIChat,
   Dt as AISettings,
   Ht as App,
   ht as Gallery,
@@ -4189,7 +4191,7 @@ export {
   At as WorkflowLibrary,
   It as getCategories,
   de as getTemplateById,
-  Vt as getTemplatesByCategory,
+  Gt as getTemplatesByCategory,
   Ft as searchTemplates,
   H as templates,
   k as useWorkflowStore