flujo-ai 3.24.0 → 3.26.0

package/.next/static/chunks/app/settings/page-7a68583660508ffd.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4662,9195],{8209:(e,t,r)=>{Promise.resolve().then(r.bind(r,58812))},9352:(e,t,r)=>{"use strict";r.d(t,{Ic:()=>s,kY:()=>o});var n=r(26796);let a=(0,r(87021).h)("frontend/utils/theme"),o={light:{background:"#FFFFFF",foreground:"#2C3E50",paperBackground:"#F5F6FA",textSecondary:"#7F8C8D",border:"#e5e7eb",heading:"#111",text:"#333",secondaryText:"#666",error:{background:"#fef2f2",border:"#fecaca",text:"#dc2626"}},dark:{background:"#1a1a1a",foreground:"#f0f0f0",paperBackground:"#2a2a2a",textSecondary:"#aaaaaa",border:"#3a3a3a",heading:"#f8f8f8",text:"#f0f0f0",secondaryText:"#aaa",error:{background:"#3a2222",border:"#5a3333",text:"#f87171"}}};function s(){let{isDarkMode:e}=(0,n.useTheme)();return a.debug("useThemeUtils called with isDarkMode: ".concat(e)),{getThemeValue:(t,r)=>e?r:t,getThemeColor:t=>{let r=t.split("."),n=o[e?"dark":"light"];for(let e of r)if(!n||"object"!=typeof n||!(e in n))return a.warn("Theme color path not found: ".concat(t)),"";else n=n[e];return n},colors:e?o.dark:o.light,isDarkMode:e}}},26796:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ThemeProvider:()=>p,useTheme:()=>m});var n=r(95155),a=r(12115),o=r(87021),s=r(7160),i=r(29197),l=r(9352),d=r(84563),c=r(29692);let u=(0,o.h)("frontend/contexts/ThemeContext"),h=(0,a.createContext)(void 0),p=e=>{let{children:t}=e,[r,o]=(0,a.useState)(!1),[p,m]=(0,a.useState)(!1);(0,a.useEffect)(()=>{(async()=>{u.debug("Loading theme preference from storage");let e=await (0,c.YM)(c.Zg.THEME,"light");u.info("Theme loaded from storage: ".concat(e));let t="dark"===e;m(t),t?document.documentElement.classList.add("dark-theme"):document.documentElement.classList.remove("dark-theme"),o(!0)})()},[]);let f=(0,a.useMemo)(()=>(function(e){let t="dark"===e?l.kY.dark:l.kY.light;return(0,i.A)({palette:{mode:e,primary:{main:"#007bff"},secondary:{main:"#6c757d"},error:{main:"dark"===e?"#f87171":"#dc2626",light:"dark"===e?"#5a3333":"#fecaca",dark:"dark"===e?"#3a2222":"#b91c1c"},warning:{main:"#f59e0b"},info:{main:"#3b82f6"},success:{main:"dark"===e?"#4ade80":"#16a34a"},background:{default:t.background,paper:t.paperBackground},text:{primary:t.foreground,secondary:t.textSecondary}},typography:{fontFamily:"var(--font-geist-sans), Arial, sans-serif",h1:{fontWeight:700},h2:{fontWeight:700},h3:{fontWeight:600},h4:{fontWeight:600},h5:{fontWeight:600},h6:{fontWeight:600}},components:{MuiButton:{styleOverrides:{root:{textTransform:"none",borderRadius:"0.375rem"}}},MuiPaper:{styleOverrides:{root:{borderRadius:"0.5rem"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:"0.375rem"}}}},MuiCard:{styleOverrides:{root:{borderRadius:"0.5rem",boxShadow:"dark"===e?"0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1)":"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"}}}}})})(p?"dark":"light"),[p]);return u.debug("Rendering ThemeProvider with isDarkMode: ".concat(p)),(0,n.jsx)(h.Provider,{value:{toggleTheme:()=>{m(e=>{let t=!e,r=t?"dark":"light";return u.info("Toggling theme to: ".concat(r)),t?document.documentElement.classList.add("dark-theme"):document.documentElement.classList.remove("dark-theme"),(0,c.VH)(c.Zg.THEME,r),t})},isDarkMode:p},children:(0,n.jsxs)(s.A,{theme:f,children:[(0,n.jsx)(d.Ay,{}),t]})})},m=()=>{let e=(0,a.useContext)(h);if(!e)throw u.error("useTheme hook used outside of ThemeProvider"),Error("useTheme must be used within a ThemeProvider");return u.debug("useTheme hook accessed"),e}},43076:(e,t,r)=>{"use strict";r.d(t,{N:()=>i,X:()=>s});let n=(0,r(87021).h)("frontend/services/model");class a{async fetchWithErrorHandling(e,t){try{n.debug("Making API request",{url:e,method:(null==t?void 0:t.method)||"GET"});let r=await fetch(e,t),a=null;try{if(204!==r.status){let t=r.headers.get("content-type");if(t&&t.includes("application/json"))a=await r.json();else{let o=await r.text();n.warn("Received non-JSON response",{url:e,contentType:t,text:o.substring(0,200)}),a=o}}}catch(t){throw n.error("Failed to parse response",{url:e,status:r.status,contentType:r.headers.get("content-type"),parseError:t}),Error("Invalid response format")}if(!r.ok){let o;throw o="object"==typeof a&&null!==a?a.error||a.message||a.errorMessage||JSON.stringify(a):a||"HTTP error! status: ".concat(r.status),n.error("Request failed",{url:e,method:(null==t?void 0:t.method)||"GET",status:r.status,error:o,data:a}),Error(o)}return n.debug("API request successful",{url:e,method:(null==t?void 0:t.method)||"GET",status:r.status}),a}catch(r){if(r instanceof TypeError&&"Failed to fetch"===r.message)throw n.error("Network error",{url:e,method:(null==t?void 0:t.method)||"GET",error:r}),Error("Unable to connect to the server. Please check your internet connection.");if(r instanceof Error)throw r;throw n.error("API request failed",{url:e,method:(null==t?void 0:t.method)||"GET",error:r}),Error("Failed to complete request")}}async tryLoadModels(){try{let e=await this.fetchWithErrorHandling("/api/model");return Array.isArray(e)?e:null}catch(e){return n.error("Failed to load models",e),null}}async loadModels(){var e;return null!=(e=await this.tryLoadModels())?e:[]}async getModel(e){try{return await this.fetchWithErrorHandling("/api/model/".concat(encodeURIComponent(e)))}catch(t){return n.error("Failed to get model",{id:e,error:t}),null}}async addModel(e){try{if(!e.provider)return{success:!1,error:"Provider is required"};n.debug("Attempting to add model",{displayName:e.displayName,provider:e.provider});let t=await this.fetchWithErrorHandling("/api/model",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});return n.debug("Model added successfully",{modelId:t.id,displayName:t.displayName}),{success:!0,model:t}}catch(r){n.error("Failed to add model",{displayName:e.displayName,provider:e.provider,error:r instanceof Error?r.message:r});let t=r instanceof Error?r.message:"Failed to add model";if(t.includes("display name already exists"))return{success:!1,error:'The display name "'.concat(e.displayName,'" is already in use. Please choose a different name.')};if(t.includes("technical name already exists"))return{success:!1,error:'A model with the name "'.concat(e.name,'" already exists. Please choose a different name.')};return{success:!1,error:t}}}async updateModel(e){try{if(!e.id)return{success:!1,error:"Model ID is required"};n.debug("Attempting to update model",{modelId:e.id,displayName:e.displayName});let t=await this.fetchWithErrorHandling("/api/model/".concat(encodeURIComponent(e.id)),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});return n.debug("Model updated successfully",{modelId:e.id,displayName:e.displayName}),{success:!0,model:t}}catch(r){n.error("Failed to update model",{modelId:e.id,displayName:e.displayName,error:r instanceof Error?r.message:r});let t=r instanceof Error?r.message:"Failed to update model";return t.includes("display name")&&t.includes("already exists"),{success:!1,error:t}}}async deleteModel(e){try{if(!e)return{success:!1,error:"Model ID is required"};let t=await this.getModel(e);if(!t)return{success:!1,error:"Model not found"};return n.debug("Attempting to delete model",{modelId:e,displayName:t.displayName}),await this.fetchWithErrorHandling("/api/model/".concat(encodeURIComponent(e)),{method:"DELETE"}),n.debug("Model deleted successfully",{modelId:e,displayName:t.displayName}),{success:!0}}catch(a){let t;try{let r=await this.getModel(e);t=null==r?void 0:r.displayName}catch(e){}n.error("Failed to delete model",{modelId:e,displayName:t,error:a instanceof Error?a.message:a});let r=a instanceof Error?a.message:"Failed to delete model";if(r.includes("not found"))return{success:!1,error:"The model no longer exists or has already been deleted"};return{success:!1,error:r}}}async updateModelApiKey(e,t){try{let r=await this.getModel(e);if(!r)return{success:!1,error:"Model not found"};return await this.updateModel({...r,ApiKey:t})}catch(t){return n.error("Failed to update model API key",{modelId:e,error:t}),{success:!1,error:t instanceof Error?t.message:"Failed to update API key"}}}async testModel(e){return n.debug("Testing model",{modelId:e.modelId,name:e.name}),await this.fetchWithErrorHandling("/api/model/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}async fetchProviderModels(e,t,r,a){try{var o;n.debug("Fetching provider models",{baseUrl:e,modelId:t,searchTerm:r?'"'.concat(r,'"'):"none",apiKey:a?"provided":"not provided"});let s=await this.fetchWithErrorHandling("/api/model/provider",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({baseUrl:e,modelId:t,searchTerm:r,apiKey:a})});return n.debug("Provider models fetched successfully",{baseUrl:e,modelCount:(null==(o=s.models)?void 0:o.length)||0,searchTerm:r?'"'.concat(r,'"'):"none"}),s.models||[]}catch(t){return n.error("Failed to fetch provider models",{baseUrl:e,searchTerm:r,error:t}),[]}}}let o=null,s=()=>(o||(o=new a),o),i=new Proxy({},{get(e,t){let r=s(),n=r[t];return"function"==typeof n?n.bind(r):n}})},52397:(e,t,r)=>{"use strict";r.d(t,{RJ:()=>a,gF:()=>n});let n="masked:********",a="********"},58812:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>eg});var n=r(95155),a=r(94049),o=r(12115),s=r(25635),i=r(98267),l=r(20537),d=r(37960),c=r(63186),u=r(22003),h=r(28548),p=r(2300),m=r(9562),f=r(56422),g=r(41983),y=r(91871),x=r(21422),b=r(87830),v=r(68212),j=r(42063),w=r(9164);function k(){let{setKey:e,changeKey:t,verifyKey:r,isEncryptionInitialized:i,isUserEncryptionEnabled:l}=(0,w.useStorage)(),[d,c]=(0,o.useState)(""),[k,A]=(0,o.useState)(""),[S,C]=(0,o.useState)(!1),[E,T]=(0,o.useState)(""),[R,I]=(0,o.useState)(""),[O,P]=(0,o.useState)(!1),[F,M]=(0,o.useState)(!1),[W,N]=(0,o.useState)(null),[B,L]=(0,o.useState)(!1),[U,D]=(0,o.useState)(!1),[V,z]=(0,o.useState)(!1),G=()=>{setTimeout(()=>window.location.reload(),800)};(0,o.useEffect)(()=>{(async()=>{let e=await i(),t=await l();L(e),D(t)})()},[i,l]);let H=async t=>{t.preventDefault(),z(!0),N(null);try{if(d.length<12){N({type:"error",text:"Encryption password must be at least 12 characters long for security"}),z(!1);return}if(d!==k){N({type:"error",text:"Passwords do not match"}),z(!1);return}await e(d),N({type:"success",text:"Encryption password set successfully"}),c(""),A(""),L(!0),G()}catch(e){N({type:"error",text:"Failed to set encryption password"})}finally{z(!1)}},J=async e=>{e.preventDefault(),z(!0),N(null);try{if(R.length<12){N({type:"error",text:"New password must be at least 12 characters long for security"}),z(!1);return}if(!await r(E)){N({type:"error",text:"Current password is incorrect"}),z(!1);return}await t(E,R)?(N({type:"success",text:"Encryption password changed successfully"}),T(""),I(""),G()):N({type:"error",text:"Failed to change encryption password"})}catch(e){N({type:"error",text:"An error occurred while changing the password"})}finally{z(!1)}};return(0,n.jsxs)(a.default,{sx:{width:"100%"},children:[(0,n.jsx)(s.default,{variant:"h6",gutterBottom:!0,children:"Encryption Settings"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Set an encryption password to secure sensitive data like API keys and credentials. This password is used to encrypt your data and is never stored directly."}),W&&(0,n.jsx)(u.A,{severity:W.type,sx:{mb:3},children:W.text}),(0,n.jsxs)(a.default,{sx:{display:"flex",alignItems:"center",mb:3},children:[(0,n.jsx)(s.default,{variant:"body1",sx:{mr:2},children:"Current encryption status:"}),B?U?(0,n.jsx)(h.A,{icon:(0,n.jsx)(x.A,{}),label:"Custom Password Protection",color:"success",variant:"outlined"}):(0,n.jsx)(h.A,{icon:(0,n.jsx)(b.A,{}),label:"Default Encryption",color:"primary",variant:"outlined"}):(0,n.jsx)(h.A,{label:"No Encryption",color:"error",variant:"outlined"})]}),B&&U?U?(0,n.jsxs)(p.A,{elevation:2,sx:{p:3},children:[(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,fontWeight:"bold",children:"Change Encryption Password"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"You can change your custom encryption password here. This will re-encrypt your data with the new password. Your data will remain intact."}),(0,n.jsxs)(a.default,{component:"form",onSubmit:J,children:[(0,n.jsx)(m.A,{fullWidth:!0,label:"Current Password",variant:"outlined",value:E,onChange:e=>T(e.target.value),type:O?"text":"password",InputProps:{endAdornment:(0,n.jsx)(f.A,{position:"end",children:(0,n.jsx)(g.A,{"aria-label":"toggle current password visibility",onClick:()=>P(!O),edge:"end",children:O?(0,n.jsx)(v.A,{}):(0,n.jsx)(j.A,{})})})},sx:{mb:2}}),(0,n.jsx)(m.A,{fullWidth:!0,label:"New Password",variant:"outlined",value:R,onChange:e=>I(e.target.value),type:F?"text":"password",InputProps:{endAdornment:(0,n.jsx)(f.A,{position:"end",children:(0,n.jsx)(g.A,{"aria-label":"toggle new password visibility",onClick:()=>M(!F),edge:"end",children:F?(0,n.jsx)(v.A,{}):(0,n.jsx)(j.A,{})})})},sx:{mb:3}}),(0,n.jsx)(y.A,{type:"submit",variant:"contained",color:"primary",disabled:!E||!R||V,children:"Change Password"})]})]}):null:(0,n.jsxs)(p.A,{elevation:2,sx:{p:3,mb:4},children:[(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,fontWeight:"bold",children:"Set Custom Encryption Password"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:B?"Your data is currently protected with default encryption. Set a custom password for enhanced security.":"Create a strong password to protect your sensitive data. Make sure to remember this password as it cannot be recovered if lost."}),(0,n.jsxs)(a.default,{component:"form",onSubmit:H,children:[(0,n.jsx)(m.A,{fullWidth:!0,label:"New Password",variant:"outlined",value:d,onChange:e=>c(e.target.value),type:S?"text":"password",InputProps:{endAdornment:(0,n.jsx)(f.A,{position:"end",children:(0,n.jsx)(g.A,{"aria-label":"toggle password visibility",onClick:()=>C(!S),edge:"end",children:S?(0,n.jsx)(v.A,{}):(0,n.jsx)(j.A,{})})})},sx:{mb:2}}),(0,n.jsx)(m.A,{fullWidth:!0,label:"Confirm Password",variant:"outlined",value:k,onChange:e=>A(e.target.value),type:S?"text":"password",sx:{mb:3}}),(0,n.jsx)(y.A,{type:"submit",variant:"contained",color:"primary",disabled:!d||!k||V,children:B?"Upgrade to Custom Password":"Set Encryption Password"})]})]}),(0,n.jsx)(a.default,{sx:{mt:4},children:(0,n.jsxs)(u.A,{severity:U?"warning":"info",children:[(0,n.jsx)(s.default,{variant:"subtitle2",fontWeight:"bold",children:U?"Important Security Information":"About Default Encryption"}),U?(0,n.jsxs)(s.default,{variant:"body2",children:["• Your custom encryption password is never stored directly on the server",(0,n.jsx)("br",{}),"• If you forget your password, you will not be able to access your encrypted data",(0,n.jsx)("br",{}),"• Consider using a password manager to securely store this password"]}):(0,n.jsxs)(s.default,{variant:"body2",children:["• Your data is currently encrypted with a built-in default key",(0,n.jsx)("br",{}),"• This provides basic protection without requiring password setup",(0,n.jsx)("br",{}),"• For maximum security, set a custom password using the form above"]})]})})]})}var A=r(99944),S=r(9957),C=r(21067),E=r(26796),T=r(87021);let R=(0,T.h)("frontend/components/Settings/ThemeSettings");function I(){let{isDarkMode:e,toggleTheme:t}=(0,E.useTheme)();return R.debug("Rendering ThemeSettings with isDarkMode: ".concat(e)),(0,n.jsxs)(a.default,{sx:{maxWidth:600},children:[(0,n.jsx)(s.default,{variant:"h6",gutterBottom:!0,children:"Theme Settings"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Customize the application appearance"}),(0,n.jsx)(A.A,{control:(0,n.jsx)(S.A,{checked:e,onChange:t,name:"darkMode"}),label:"Dark Mode"}),(0,n.jsx)(C.A,{sx:{my:3}}),(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,children:"Theme CSS Variables"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"The following CSS variables are available for custom styling:"}),(0,n.jsx)(p.A,{sx:{p:2,mb:3},children:(0,n.jsx)(s.default,{variant:"body2",component:"pre",sx:{fontFamily:"var(--font-geist-mono)"},children:"/* Access in CSS */\n:root {\n  /* Light theme variables (default) */\n  --background: #FFFFFF;\n  --foreground: #2C3E50;\n  --paper-background: #F5F6FA;\n  --text-secondary: #7F8C8D;\n}\n\n:root.dark-theme {\n  /* Dark theme variables */\n  --background: #1a1a1a;\n  --foreground: #f0f0f0;\n  --paper-background: #2a2a2a;\n  --text-secondary: #aaaaaa;\n}\n\n/* Access in inline styles */\ncolor: var(--foreground);\nbackground: var(--background);"})}),(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,children:"Usage in Components"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Import the theme utilities to use theme-aware styling in your components:"}),(0,n.jsx)(p.A,{sx:{p:2},children:(0,n.jsx)(s.default,{variant:"body2",component:"pre",sx:{fontFamily:"var(--font-geist-mono)"},children:"// Using the useTheme hook\nimport { useTheme } from '@/frontend/contexts/ThemeContext';\n\nfunction MyComponent() {\n  const { isDarkMode } = useTheme();\n  \n  return (\n    <div>\n      {isDarkMode ? 'Dark Mode' : 'Light Mode'}\n    </div>\n  );\n}\n\n// Using CSS variables in inline styles\nimport { getCssVar } from '@/frontend/utils';\n\nfunction StyledComponent() {\n  return (\n    <div style={{ \n      color: getCssVar('foreground'),\n      background: getCssVar('background')\n    }}>\n      Themed content\n    </div>\n  );\n}"})})]})}var O=r(71892),P=r(52397);function F(){let{globalEnvVars:e,setGlobalEnvVars:t,deleteGlobalEnvVar:r}=(0,w.useStorage)(),[i,l]=(0,o.useState)(null),d=async e=>{try{let r=Object.fromEntries(Object.entries(e).filter(e=>{let[t,r]=e;return"string"==typeof r||!r.metadata.isSecret||r.value!==P.gF}));await t(r),l({type:"success",text:"Global environment variables updated successfully"}),setTimeout(()=>{l(null)},3e3)}catch(e){l({type:"error",text:"Failed to update global environment variables"})}};return(0,n.jsxs)(a.default,{sx:{width:"100%"},children:[(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Define global environment variables that can be bound to MCP servers. This allows you to manage API keys and other sensitive information in one place."}),i&&(0,n.jsx)(u.A,{severity:i.type,sx:{mb:2},children:i.text}),(0,n.jsx)(O.A,{serverName:"Global",initialEnv:e,onSave:d,onDelete:r})]})}var M=r(17325),W=r(22822),N=r(4474),B=r(2778),L=r(52363),U=r(65036),D=r(50001),V=r(75912),z=r(27156);let G=(0,T.h)("frontend/components/Settings/BackupSettings"),H=[{key:"models",label:"Models",description:"AI model configurations",storageKey:z.Z.MODELS},{key:"mcpServers",label:"MCP Servers Configuration",description:"MCP server settings",storageKey:z.Z.MCP_SERVERS},{key:"mcpServersFolder",label:"MCP Servers Folder",description:"MCP server code and files",isFolder:!0},{key:"flows",label:"Flows",description:"Flow configurations",storageKey:z.Z.FLOWS},{key:"chatHistory",label:"Chat History",description:"Conversation history",storageKey:z.Z.CHAT_HISTORY},{key:"settings",label:"Settings",description:"Application settings",storageKey:z.Z.THEME},{key:"globalEnvVars",label:"Global Environment Variables",description:"Global environment variables",storageKey:z.Z.GLOBAL_ENV_VARS},{key:"encryptionKey",label:"Encryption Key",description:"Data encryption key",storageKey:z.Z.ENCRYPTION_KEY}];function J(){let[e,t]=(0,o.useState)(H.reduce((e,t)=>({...e,[t.key]:!0}),{})),[r,i]=(0,o.useState)(H.reduce((e,t)=>({...e,[t.key]:!0}),{})),[l,d]=(0,o.useState)(null),c=(0,o.useRef)(null),[h,m]=(0,o.useState)(null),[f,g]=(0,o.useState)(!1),[x,b]=(0,o.useState)(!1),v=r=>{t({...e,[r.target.name]:r.target.checked})},j=e=>{i({...r,[e.target.name]:e.target.checked})},w=async()=>{G.debug("Creating backup with selections:",e),g(!0),m(null);try{let t=Object.entries(e).filter(e=>{let[t,r]=e;return r}).map(e=>{let[t]=e;return t});if(0===t.length){m({type:"error",text:"Please select at least one item to backup"}),g(!1);return}let r=await fetch("/api/backup",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({selections:t})});if(!r.ok)throw Error("Failed to create backup");let n=await r.blob(),a=window.URL.createObjectURL(n),o=document.createElement("a");o.style.display="none",o.href=a;let s=new Date().toISOString().replace(/[:.]/g,"-").substring(0,19);o.download="flujo-backup-".concat(s,".zip"),document.body.appendChild(o),o.click(),window.URL.revokeObjectURL(a),document.body.removeChild(o),m({type:"success",text:"Backup created successfully"})}catch(e){G.error("Error creating backup:",e),m({type:"error",text:e instanceof Error?e.message:"Failed to create backup"})}finally{g(!1)}},k=async()=>{G.debug("Restoring from backup with selections:",r),g(!0),m(null),b(!1);try{let e=Object.entries(r).filter(e=>{let[t,r]=e;return r}).map(e=>{let[t]=e;return t}),t=new FormData;t.append("file",l),t.append("selections",JSON.stringify(e));let n=await fetch("/api/restore",{method:"POST",body:t});if(!n.ok){let e=await n.json();throw Error(e.error||"Failed to restore from backup")}m({type:"success",text:"Restore completed successfully. You may need to refresh the page to see the changes."}),c.current&&(c.current.value=""),d(null)}catch(e){G.error("Error restoring from backup:",e),m({type:"error",text:e instanceof Error?e.message:"Failed to restore from backup"})}finally{g(!1)}},S=r=>{let n={...e};H.forEach(e=>{n[e.key]=r}),t(n)},E=e=>{let t={...r};H.forEach(r=>{t[r.key]=e}),i(t)};return(0,n.jsxs)(a.default,{sx:{width:"100%"},children:[(0,n.jsx)(s.default,{variant:"h6",gutterBottom:!0,children:"Backup and Restore"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Create backups of your application data or restore from a previous backup."}),h&&(0,n.jsx)(u.A,{severity:h.type,sx:{mb:2},children:h.text}),(0,n.jsxs)(p.A,{sx:{p:3,mb:3},children:[(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,fontWeight:"bold",children:"Create Backup"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Select the components you want to include in the backup."}),(0,n.jsxs)(a.default,{sx:{mb:2},children:[(0,n.jsx)(y.A,{size:"small",onClick:()=>S(!0),sx:{mr:1},children:"Select All"}),(0,n.jsx)(y.A,{size:"small",onClick:()=>S(!1),children:"Deselect All"})]}),(0,n.jsx)(M.A,{sx:{mb:3},children:H.map(t=>(0,n.jsx)(A.A,{control:(0,n.jsx)(W.A,{checked:e[t.key],onChange:v,name:t.key}),label:(0,n.jsxs)(a.default,{children:[(0,n.jsx)(s.default,{variant:"body1",children:t.label}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",children:t.description})]})},t.key))}),(0,n.jsx)(y.A,{variant:"contained",onClick:w,disabled:f||Object.values(e).every(e=>!e),startIcon:f?(0,n.jsx)(N.default,{size:20}):null,children:f?"Creating Backup...":"Create Backup"})]}),(0,n.jsxs)(p.A,{sx:{p:3},children:[(0,n.jsx)(s.default,{variant:"subtitle1",gutterBottom:!0,fontWeight:"bold",children:"Restore from Backup"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Select a backup file and choose which components to restore."}),(0,n.jsxs)(a.default,{sx:{mb:3},children:[(0,n.jsxs)(y.A,{variant:"outlined",component:"label",sx:{mb:2},children:["Select Backup File",(0,n.jsx)("input",{type:"file",hidden:!0,accept:".zip",onChange:e=>{let t=e.target.files;t&&t.length>0&&(d(t[0]),m(null))},ref:c})]}),l&&(0,n.jsxs)(s.default,{variant:"body2",sx:{ml:1},children:["Selected file: ",l.name]})]}),(0,n.jsx)(C.A,{sx:{mb:2}}),(0,n.jsx)(s.default,{variant:"subtitle2",gutterBottom:!0,children:"Restore Options"}),(0,n.jsxs)(a.default,{sx:{mb:2},children:[(0,n.jsx)(y.A,{size:"small",onClick:()=>E(!0),sx:{mr:1},children:"Select All"}),(0,n.jsx)(y.A,{size:"small",onClick:()=>E(!1),children:"Deselect All"})]}),(0,n.jsx)(M.A,{sx:{mb:3},children:H.map(e=>(0,n.jsx)(A.A,{control:(0,n.jsx)(W.A,{checked:r[e.key],onChange:j,name:e.key}),label:(0,n.jsxs)(a.default,{children:[(0,n.jsx)(s.default,{variant:"body1",children:e.label}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",children:e.description})]})},e.key))}),(0,n.jsx)(y.A,{variant:"contained",color:"warning",onClick:()=>l?0===Object.entries(r).filter(e=>{let[t,r]=e;return r}).map(e=>{let[t]=e;return t}).length?void m({type:"error",text:"Please select at least one item to restore"}):void b(!0):void m({type:"error",text:"Please select a backup file"}),disabled:f||!l||Object.values(r).every(e=>!e),startIcon:f?(0,n.jsx)(N.default,{size:20}):null,children:f?"Restoring...":"Restore from Backup"})]}),(0,n.jsxs)(B.A,{open:x,onClose:()=>b(!1),children:[(0,n.jsx)(L.A,{children:"Confirm Restore"}),(0,n.jsx)(U.A,{children:(0,n.jsx)(D.A,{children:"This will overwrite your existing data with the contents of the backup file. This action cannot be undone. Are you sure you want to continue?"})}),(0,n.jsxs)(V.A,{children:[(0,n.jsx)(y.A,{onClick:()=>b(!1),children:"Cancel"}),(0,n.jsx)(y.A,{onClick:k,color:"warning",variant:"contained",children:"Restore"})]})]})]})}var Y=r(52641),_=r(84869);function K(){let{settings:e,updateSettings:t}=(0,w.useStorage)(),r=(0,_.G)(),o=(null==e?void 0:e.speech)||{enabled:!0};return(0,n.jsxs)(a.default,{sx:{p:2},children:[!r.supported&&(0,n.jsx)(u.A,{severity:"warning",sx:{mb:3},children:"Speech recognition is not supported in your browser. Please use Chrome, Edge, or Safari for the best experience."}),(0,n.jsxs)(Y.A,{fullWidth:!0,sx:{mb:3},children:[(0,n.jsx)(A.A,{control:(0,n.jsx)(S.A,{checked:o.enabled,onChange:r=>{t({...e,speech:{...o,enabled:r.target.checked}})},name:"enabled",disabled:!r.supported}),label:"Enable speech recognition"}),(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"When enabled, audio recordings will be transcribed using your browser's built-in offfline speech recognition capabilities."})]}),(0,n.jsxs)(p.A,{variant:"outlined",sx:{p:2,mb:3},children:[(0,n.jsx)(s.default,{variant:"subtitle2",gutterBottom:!0,children:"Speech Recognition Information"}),(0,n.jsxs)(a.default,{sx:{display:"flex",justifyContent:"space-between",mb:1},children:[(0,n.jsx)(s.default,{variant:"body2",children:"Technology:"}),(0,n.jsx)(s.default,{variant:"body2",children:"Web Speech API"})]}),(0,n.jsxs)(a.default,{sx:{display:"flex",justifyContent:"space-between",mb:1},children:[(0,n.jsx)(s.default,{variant:"body2",children:"Processing:"}),(0,n.jsx)(s.default,{variant:"body2",children:"Browser-based"})]}),(0,n.jsxs)(a.default,{sx:{display:"flex",justifyContent:"space-between",mb:1},children:[(0,n.jsx)(s.default,{variant:"body2",children:"Language:"}),(0,n.jsx)(s.default,{variant:"body2",children:"Automatically uses browser language"})]}),(0,n.jsxs)(a.default,{sx:{display:"flex",justifyContent:"space-between",mb:1},children:[(0,n.jsx)(s.default,{variant:"body2",children:"Privacy:"}),(0,n.jsx)(s.default,{variant:"body2",children:"Depends on browser implementation"})]})]}),(0,n.jsx)(u.A,{severity:"info",sx:{mt:3},children:(0,n.jsx)(s.default,{variant:"body2",children:"Speech recognition quality may vary based on your browser, microphone quality, and background noise. For best results, speak clearly and use a good quality microphone."})})]})}(0,T.h)("frontend/components/Settings/SpeechRecognitionSettings");let q=(0,T.h)("frontend/components/Settings/UpdateSettings");function Z(){let{settings:e,updateSettings:t}=(0,w.useStorage)(),r=(null==e?void 0:e.update)||{checkOnStartup:!1},[i,l]=(0,o.useState)(!1),[d,c]=(0,o.useState)(!1),[h,p]=(0,o.useState)(null),[m,f]=(0,o.useState)(null),g=null===m||"git"===m,x=async()=>{l(!0),p(null);try{let e=await fetch("/api/update"),t=await e.json();"string"==typeof t.updateMode&&f(t.updateMode),e.ok&&!1!==t.success?!1===t.isGitRepo?p({severity:"info",message:t.message}):t.updateAvailable?p({severity:"warning",message:"An update is available (".concat(t.behindBy," new commit").concat(1===t.behindBy?"":"s"," on ").concat(t.branch,").")}):p({severity:"success",message:"FLUJO is up to date (v".concat(t.currentVersion,").")}):p({severity:"error",message:t.error||"Failed to check for updates."})}catch(e){q.error("Update check failed",e),p({severity:"error",message:"Failed to check for updates."})}finally{l(!1)}},b=async()=>{c(!0),p({severity:"info",message:"Updating FLUJO - this may take a few minutes..."});try{let e=await fetch("/api/update",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"apply"})}),t=await e.json();if(!e.ok||!1===t.success){p({severity:"error",message:t.error||"Update failed."}),c(!1);return}if(p({severity:"success",message:t.message}),t.restarting){let e=!1,t=async()=>{try{if((await fetch("/api/cwd",{cache:"no-store"})).ok&&e)return void window.location.reload()}catch(t){e=!0}setTimeout(t,3e3)};setTimeout(t,5e3)}else c(!1)}catch(e){q.error("Update failed",e),p({severity:"error",message:"Update failed."}),c(!1)}};return(0,n.jsxs)(a.default,{sx:{p:2},children:[(0,n.jsxs)(Y.A,{fullWidth:!0,sx:{mb:2},children:[(0,n.jsx)(A.A,{control:(0,n.jsx)(S.A,{checked:r.checkOnStartup,onChange:n=>{t({...e,update:{...r,checkOnStartup:n.target.checked}})},name:"checkOnStartup"}),label:"Check for updates on startup"}),(0,n.jsxs)(s.default,{variant:"body2",color:"text.secondary",sx:{mt:1},children:["When enabled, FLUJO checks GitHub for a newer version when the home page loads and shows a one-click update banner if one is available. Updates run ",(0,n.jsx)("code",{children:"git pull"})," + rebuild in your install folder; your data is preserved."]}),!g&&(0,n.jsxs)(s.default,{variant:"body2",color:"text.secondary",sx:{mt:1},children:["This install can't update itself in place","container"===m?" (running in Docker) — pull a newer image instead.":"npm"===m?" (installed via npm) — rerun with the latest version instead.":" — it is not running from a git clone."]})]}),(0,n.jsxs)(a.default,{sx:{display:"flex",gap:2,mb:2},children:[(0,n.jsxs)(y.A,{variant:"outlined",onClick:x,disabled:i||d,children:[i?(0,n.jsx)(N.default,{size:20,sx:{mr:1}}):null,"Check now"]}),(0,n.jsxs)(y.A,{variant:"contained",onClick:b,disabled:d||!g,children:[d?(0,n.jsx)(N.default,{size:20,sx:{mr:1}}):null,"Update now"]})]}),h&&(0,n.jsx)(u.A,{severity:h.severity,sx:{mt:1},children:h.message})]})}var $=r(8907),X=r(69195);function Q(){let{startTour:e}=(0,X.useTour)();return(0,n.jsxs)(a.default,{sx:{p:2},children:[(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"The guided tour walks you through the full first-run path — adding a model, connecting an MCP tool server, building a flow, and running it in chat. It launches automatically the first time you open FLUJO; replay it any time below."}),(0,n.jsx)(y.A,{variant:"outlined",startIcon:(0,n.jsx)($.A,{}),onClick:e,children:"Replay guided tour"})]})}var ee=r(80777),et=r(86973),er=r(62617),en=r(90363),ea=r(43076);let eo=["bug","ux","frontend","backend","github-integration","mcp","performance"];function es(e){return["### Environment\n```","App version: ".concat(e.appVersion),"Install mode: ".concat(e.installMode),"OS: ".concat(e.os),"Browser: ".concat(e.browser),"MCP servers: ".concat(e.mcpServerNames.length?e.mcpServerNames.join(", "):"(none)"),"Reported: ".concat(e.timestamp),"```"].join("\n")}async function ei(){let e="unknown",t="unknown",r=[];try{let r=await fetch("/api/update");if(r.ok){let n=await r.json();n&&"object"==typeof n&&(e="string"==typeof n.currentVersion?n.currentVersion:e,t="string"==typeof n.updateMode?n.updateMode:n.isGitRepo?"git":t)}}catch(e){}try{let e=await fetch("/api/mcp/servers");if(e.ok){let t=await e.json();if(Array.isArray(t))for(let e of t)e&&"string"==typeof e.name&&r.push(e.name)}}catch(e){}return function(){var e,t;let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=null!=(e=r.userAgent)?e:"";return{appVersion:(r.appVersion||"").trim()||"unknown",installMode:(r.installMode||"").trim()||"unknown",os:function(e){let t=(e||"").toLowerCase();return t.includes("windows")?"Windows":t.includes("mac os")||t.includes("macintosh")?"macOS":t.includes("android")?"Android":t.includes("iphone")||t.includes("ipad")||t.includes("ios")?"iOS":t.includes("linux")?"Linux":"unknown"}(n),browser:function(e){let t=e||"";return/edg\//i.test(t)?"Edge":/opr\/|opera/i.test(t)?"Opera":/firefox\//i.test(t)?"Firefox":/chrome\//i.test(t)&&!/edg\//i.test(t)?"Chrome":/safari\//i.test(t)&&!/chrome\//i.test(t)?"Safari":"unknown"}(n),mcpServerNames:Array.isArray(r.mcpServerNames)?r.mcpServerNames.filter(e=>"string"==typeof e&&e.length>0):[],timestamp:(null!=(t=r.now)?t:new Date).toISOString()}}({appVersion:e,installMode:t,mcpServerNames:r,userAgent:"undefined"!=typeof navigator?navigator.userAgent:""})}let el="\n\n_(Report truncated to fit GitHub URL limits — please paste any remaining logs/details manually.)_",ed=(0,T.h)("frontend/services/bugReport");class ec{async fetchWithErrorHandling(e,t){ed.debug("Making API request",{url:e,method:(null==t?void 0:t.method)||"GET"});let r=await fetch(e,t),n=null;if(204!==r.status){let e=r.headers.get("content-type");n=e&&e.includes("application/json")?await r.json():await r.text()}if(!r.ok){let t="object"==typeof n&&null!==n?n.error||n.message||JSON.stringify(n):n||"HTTP error! status: ".concat(r.status);throw ed.error("Request failed",{url:e,status:r.status,error:t}),Error(t)}return n}async enhance(e){return this.fetchWithErrorHandling("/api/bugs/enhance",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}let eu=new ec,eh=(0,T.h)("frontend/components/Settings/BugReportSettings");function ep(){let[e,t]=(0,o.useState)(!1),[r,i]=(0,o.useState)(""),[l,d]=(0,o.useState)(""),[c,h]=(0,o.useState)(null),[p,f]=(0,o.useState)([]),[g,x]=(0,o.useState)(""),[b,v]=(0,o.useState)(["bug"]),[j,w]=(0,o.useState)(!1),[k,A]=(0,o.useState)(null),S=(0,o.useCallback)(async()=>{try{let e=await ei();h(e)}catch(e){eh.warn("Failed to collect bug-report context",e)}try{let e=await ea.N.loadModels();f(e),e.length>0&&x(t=>t||e[0].id)}catch(e){eh.warn("Failed to load models for bug-report enhancement",e)}},[]);(0,o.useEffect)(()=>{e&&S()},[e,S]);let E=(0,o.useMemo)(()=>c?es(c):"Collecting app context…",[c]),T=(0,o.useCallback)(async()=>{if(g&&c){w(!0),A(null);try{var e;let t=await eu.enhance({modelId:g,title:r,description:l,context:c});i(t.title),d(t.body),v((null==(e=t.labels)?void 0:e.length)?t.labels:["bug"]),A(t.enhanced?{severity:"success",text:"AI suggestion applied — review and edit before submitting."}:{severity:"warning",text:"AI enhancement was unavailable; your original text is unchanged."})}catch(e){eh.error("Bug-report enhancement failed",e),A({severity:"error",text:"Enhancement failed — you can still submit your report as-is."})}finally{w(!1)}}},[g,c,r,l]),R=(0,o.useCallback)(()=>{let e=c?"".concat(l.trim(),"\n\n").concat(es(c)):l.trim();!function(e,t){let r=function(e){let{title:t,body:r,labels:n=[]}=e,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"mario-andreschak/FLUJO",o=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=new Set,r=[];for(let n of e)"string"==typeof n&&eo.includes(n)&&!t.has(n)&&(t.add(n),r.push(n));return r}(n),s="https://github.com/".concat(a,"/issues/new"),i=e=>{let r=new URLSearchParams;return t&&r.set("title",t),r.set("body",e),o.length&&r.set("labels",o.join(",")),"".concat(s,"?").concat(r.toString())},l=i(r);if(l.length<=8e3)return l;let d=r;for(l=i(d+el);l.length>8e3&&d.length>0;){let e=Math.max(16,Math.ceil(1.2*(l.length-8e3)));l=i((d=d.slice(0,Math.max(0,d.length-e)))+el)}return l}(e,void 0);window.open(r,"_blank","noopener,noreferrer")}({title:r.trim()||"Bug report",body:e,labels:b})},[r,l,c,b]),I=(0,o.useCallback)(()=>t(!1),[]);return(0,n.jsxs)(a.default,{sx:{maxWidth:700},children:[(0,n.jsx)(s.default,{variant:"h6",gutterBottom:!0,children:"Report a Bug"}),(0,n.jsxs)(s.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:["Found a problem? Describe it here. FLUJO attaches only safe, non-sensitive context (app version, install mode, browser/OS, and the ",(0,n.jsx)("em",{children:"names"})," of your configured MCP servers). No API keys, environment variables, or secrets are ever included. You can optionally polish the report with an AI model, then review it on GitHub before submitting."]}),(0,n.jsx)(y.A,{variant:"contained",startIcon:(0,n.jsx)(er.A,{}),onClick:()=>t(!0),children:"Report a Bug"}),(0,n.jsxs)(B.A,{open:e,onClose:I,maxWidth:"md",fullWidth:!0,children:[(0,n.jsx)(L.A,{children:"Report a Bug"}),(0,n.jsx)(U.A,{dividers:!0,children:(0,n.jsxs)(ee.A,{spacing:2,children:[k&&(0,n.jsx)(u.A,{severity:k.severity,children:k.text}),(0,n.jsx)(m.A,{label:"Title",value:r,onChange:e=>i(e.target.value),fullWidth:!0,placeholder:"Short summary of the problem"}),(0,n.jsx)(m.A,{label:"Description",value:l,onChange:e=>d(e.target.value),fullWidth:!0,multiline:!0,minRows:6,placeholder:"What happened? What did you expect? Steps to reproduce?"}),(0,n.jsx)(C.A,{}),(0,n.jsxs)(a.default,{children:[(0,n.jsx)(s.default,{variant:"subtitle2",gutterBottom:!0,children:"Enhance with AI (optional)"}),0===p.length?(0,n.jsx)(s.default,{variant:"body2",color:"text.secondary",children:"No models configured — add a model in the Models page to enable AI enhancement. You can still file the report without it."}):(0,n.jsxs)(ee.A,{direction:{xs:"column",sm:"row"},spacing:2,alignItems:"center",children:[(0,n.jsx)(m.A,{select:!0,label:"Model",value:g,onChange:e=>x(e.target.value),sx:{minWidth:220},size:"small",children:p.map(e=>(0,n.jsx)(et.A,{value:e.id,children:e.displayName||e.name},e.id))}),(0,n.jsx)(y.A,{variant:"outlined",startIcon:j?(0,n.jsx)(N.default,{size:16}):(0,n.jsx)(en.A,{}),onClick:T,disabled:j||!g||!l.trim()||!c,children:j?"Enhancing…":"Enhance with AI"})]})]}),(0,n.jsx)(C.A,{}),(0,n.jsxs)(a.default,{children:[(0,n.jsx)(s.default,{variant:"subtitle2",gutterBottom:!0,children:"Included app context (read-only)"}),(0,n.jsx)(m.A,{value:E,fullWidth:!0,multiline:!0,minRows:4,InputProps:{readOnly:!0,sx:{fontFamily:"var(--font-geist-mono)",fontSize:12}}})]})]})}),(0,n.jsxs)(V.A,{children:[(0,n.jsx)(y.A,{onClick:I,children:"Cancel"}),(0,n.jsx)(y.A,{variant:"contained",onClick:R,disabled:!l.trim(),children:"Open on GitHub"})]})]})]})}function em(){let[e,t]=(0,o.useState)("globalEnv"),r=e=>(r,n)=>{t(!!n&&e)};return(0,n.jsxs)(a.default,{sx:{p:3},children:[(0,n.jsx)(s.default,{variant:"h5",gutterBottom:!0,children:"Settings"}),(0,n.jsxs)(a.default,{sx:{mt:2},children:[(0,n.jsxs)(i.A,{expanded:"globalEnv"===e,onChange:r("globalEnv"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"globalEnv-content",id:"globalEnv-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Global Environment Variables"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(F,{})})]}),(0,n.jsxs)(i.A,{expanded:"encryption"===e,onChange:r("encryption"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"encryption-content",id:"encryption-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Encryption"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(k,{})})]}),(0,n.jsxs)(i.A,{expanded:"theme"===e,onChange:r("theme"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"theme-content",id:"theme-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Theme"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(I,{})})]}),(0,n.jsxs)(i.A,{expanded:"backup"===e,onChange:r("backup"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"backup-content",id:"backup-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Backup & Restore"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(J,{})})]}),(0,n.jsxs)(i.A,{expanded:"speech"===e,onChange:r("speech"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"speech-content",id:"speech-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Speech Recognition"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(K,{})})]}),(0,n.jsxs)(i.A,{expanded:"updates"===e,onChange:r("updates"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"updates-content",id:"updates-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Updates"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(Z,{})})]}),(0,n.jsxs)(i.A,{expanded:"onboarding"===e,onChange:r("onboarding"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"onboarding-content",id:"onboarding-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Onboarding"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(Q,{})})]}),(0,n.jsxs)(i.A,{expanded:"bugReport"===e,onChange:r("bugReport"),children:[(0,n.jsx)(l.A,{expandIcon:(0,n.jsx)(c.A,{}),"aria-controls":"bugReport-content",id:"bugReport-header",children:(0,n.jsx)(s.default,{variant:"h6",children:"Report a Bug"})}),(0,n.jsx)(d.A,{children:(0,n.jsx)(ep,{})})]})]})]})}let ef=(0,T.h)("app/settings/page");function eg(){return ef.debug("Rendering SettingsPage"),(0,n.jsx)(a.default,{component:"main",sx:{minHeight:"100vh"},children:(0,n.jsx)(em,{})})}},69195:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TourProvider:()=>c,useTour:()=>d});var n=r(95155),a=r(12115),o=r(9164),s=r(77326);let i=(0,r(87021).h)("frontend/contexts/TourContext"),l=(0,a.createContext)({isActive:!1,stepIndex:0,startTour:()=>{},next:()=>{},back:()=>{},endTour:()=>{}}),d=()=>(0,a.useContext)(l),c=e=>{var t;let{children:r}=e,{settings:d,updateSettings:c,isLoading:u,settingsHydrated:h}=(0,o.useStorage)(),[p,m]=(0,a.useState)(!1),[f,g]=(0,a.useState)(0),y=(0,a.useRef)(!1),x=(0,a.useCallback)(()=>{var e;c({...d,onboarding:{...null!=(e=d.onboarding)?e:{},completed:!0}}).catch(e=>i.warn("Failed to persist onboarding completion",e))},[d,c]),b=(0,a.useCallback)(()=>{i.info("Starting guided tour"),g(0),m(!0)},[]),v=(0,a.useCallback)(()=>{i.info("Ending guided tour"),m(!1),x()},[x]),j=(0,a.useCallback)(()=>{g(e=>e>=s.$.length-1?(m(!1),x(),e):e+1)},[x]),w=(0,a.useCallback)(()=>{g(e=>Math.max(0,e-1))},[]);return(0,a.useEffect)(()=>{var e;u||!h||y.current||(y.current=!0,(null==(e=d.onboarding)?void 0:e.completed)!==!0&&(i.info("First run detected — auto-starting guided tour"),b()))},[u,h,null==(t=d.onboarding)?void 0:t.completed,b]),(0,n.jsx)(l.Provider,{value:{isActive:p,stepIndex:f,startTour:b,next:j,back:w,endTour:v},children:r})}},71892:(e,t,r)=>{"use strict";r.d(t,{A:()=>T});var n=r(95155),a=r(12115),o=r(2300),s=r(94049),i=r(25635),l=r(91871),d=r(80777),c=r(33077),u=r(9562),h=r(56422),p=r(28548),m=r(99944),f=r(22822),g=r(41983),y=r(56682),x=r(87021),b=r(9164),v=r(86946),j=r(21422),w=r(12857),k=r(48363),A=r(4484),S=r(1877),C=r(52397);let E=(0,x.h)("frontend/components/mcp/MCPEnvManager/EnvEditor"),T=e=>{let{serverName:t,initialEnv:r,onSave:x,onDelete:T,onServerRestart:R}=e,{globalEnvVars:I}=(0,b.useStorage)(),[O,P]=(0,a.useState)([]),[F,M]=(0,a.useState)(!1),[W,N]=(0,a.useState)(!1),[B,L]=(0,a.useState)(!1),[U,D]=(0,a.useState)(null);(0,a.useEffect)(()=>{E.debug("Initializing environment variables for server: ".concat(t),{variableCount:Object.keys(r).length}),P(Object.entries(r).map(e=>{let[t,r]=e,n="object"==typeof r&&null!==r&&"value"in r?r.value:r,a="object"==typeof r&&null!==r&&"metadata"in r?r.metadata:{isSecret:(0,S.xc)(t)},o=n.match(/\$\{global:([^}]+)\}/);if(o){let e=o[1];return{key:t,value:n,isSecret:a.isSecret,isBound:!0,boundTo:e}}let s="string"==typeof n&&(n.startsWith("encrypted:")||n.startsWith("encrypted_failed:"));return{key:t,value:s?C.gF:n,isSecret:a.isSecret,isEncrypted:s}}))},[r]);let V=async e=>{E.debug("Removing environment variable at index: ".concat(e));let r=O[e];if("Global"===t&&T&&r.key)try{await T(r.key),P(O.filter((t,r)=>r!==e))}catch(e){E.error("Failed to delete environment variable: ".concat(r.key),e)}else P(O.filter((t,r)=>r!==e)),M(!0)},z=(e,t,r)=>{let n=[...O];if("isSecret"===t){let t=n[e];t.isSecret&&!r?n[e]={...t,isSecret:r,value:"",isEncrypted:!1,showWarning:!0}:n[e]={...t,isSecret:r}}else{let a={...n[e],[t]:r,isSecret:"key"===t?(0,S.xc)(r):n[e].isSecret};"key"===t&&(a.isValidKey=""===r||/^[a-zA-Z0-9_]+$/.test(r)),"value"===t&&(n[e].isEncrypted&&(a.isEncrypted=!1),n[e].showWarning&&r&&(a.showWarning=!1)),n[e]=a}P(n),M(!0)},G=async()=>{if(O.some(e=>""!==e.key&&!1===e.isValidKey))return void E.error("Cannot save: Some variable names contain invalid characters");E.debug("Saving environment variables for server: ".concat(t),{variableCount:O.length}),N(!0);try{let e=O.reduce((e,t)=>{let{key:r,value:n,isBound:a,boundTo:o,isSecret:s,isEncrypted:i}=t;return r&&(a&&o?e[r]={value:"${global:".concat(o,"}"),metadata:{isSecret:s}}:s&&n===C.gF||(e[r]={value:n,metadata:{isSecret:s}})),e},{});await x(e),M(!1),R&&"Global"!==t&&(E.debug("Restarting server after env variable changes: ".concat(t)),await R(t))}catch(e){E.error("Failed to save environment variables:",e)}N(!1)};return(0,n.jsxs)(o.A,{sx:{p:3,borderRadius:2,border:1,borderColor:e=>"dark"===e.palette.mode?"#3a3a3a":"#e5e7eb"},children:[(0,n.jsxs)(s.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:3},children:[(0,n.jsxs)(i.default,{variant:"h6",sx:{fontWeight:"semibold"},children:["Environment Variables - ",t]}),(0,n.jsx)(l.A,{variant:"contained",color:"primary",size:"small",startIcon:(0,n.jsx)(v.A,{}),onClick:()=>{E.debug("Adding new environment variable"),P([...O,{key:"",value:"",isSecret:!1}]),M(!0)},children:"Add Variable"})]}),(0,n.jsx)(d.A,{spacing:3,children:O.map((e,t)=>(0,n.jsxs)(c.Ay,{container:!0,spacing:2,alignItems:"flex-start",children:[(0,n.jsx)(c.Ay,{item:!0,xs:12,sm:5,children:(0,n.jsx)(u.A,{fullWidth:!0,placeholder:"Variable name",value:e.key,onChange:e=>z(t,"key",e.target.value),error:!1===e.isValidKey,helperText:!1===e.isValidKey?"Only alphanumeric characters and underscores allowed":"",size:"small"})}),(0,n.jsx)(c.Ay,{item:!0,xs:12,sm:5,children:(0,n.jsx)(u.A,{fullWidth:!0,type:e.isSecret?"password":"text",placeholder:e.showWarning?"Re-enter value":"Value",value:e.value,onChange:e=>z(t,"value",e.target.value),InputProps:{readOnly:e.isBound,startAdornment:e.isEncrypted?(0,n.jsx)(h.A,{position:"start",children:(0,n.jsx)(j.A,{fontSize:"small",titleAccess:"This value is stored encrypted"})}):null,endAdornment:e.isBound?(0,n.jsx)(h.A,{position:"end",children:(0,n.jsx)(p.A,{size:"small",label:"Bound to global: ".concat(e.boundTo),color:"primary",variant:"outlined",onDelete:()=>(e=>{E.debug("Unbinding variable at index: ".concat(e));let t=[...O];t[e]={...t[e],isBound:!1,boundTo:void 0},P(t),M(!0)})(t),deleteIcon:(0,n.jsx)(w.A,{fontSize:"small"})})}):null},error:e.showWarning,helperText:e.showWarning?"You must re-enter the value after switching from secret to normal mode":"",size:"small",sx:{bgcolor:t=>e.isBound?"dark"===t.palette.mode?"#1a1a1a":"#f9fafb":t.palette.background.paper}})}),(0,n.jsx)(c.Ay,{item:!0,xs:12,sm:2,children:(0,n.jsxs)(s.default,{sx:{display:"flex",alignItems:"center",mt:.5},children:[(0,n.jsx)(m.A,{control:(0,n.jsx)(f.A,{checked:e.isSecret,onChange:e=>z(t,"isSecret",e.target.checked),size:"small"}),label:"Secret",sx:{mr:1}}),!e.isBound&&(0,n.jsx)(g.A,{size:"small",color:"primary",onClick:()=>(e=>{E.debug("Opening bind modal for variable at index: ".concat(e)),D(e),L(!0)})(t),title:"Bind to global variable",sx:{mr:1},children:(0,n.jsx)(k.A,{fontSize:"small"})}),(0,n.jsx)(g.A,{size:"small",color:"error",onClick:()=>V(t),title:"Remove variable",children:(0,n.jsx)(A.A,{fontSize:"small"})})]})})]},t))}),(0,n.jsx)(y.A,{open:B,onClose:()=>{L(!1),D(null)},children:(0,n.jsxs)(s.default,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:400,maxWidth:"90%",bgcolor:"background.paper",boxShadow:24,p:4,borderRadius:2},children:[(0,n.jsx)(i.default,{variant:"h6",sx:{mb:2},children:"Bind to Global Variable"}),0===Object.keys(I).length?(0,n.jsx)(i.default,{color:"text.secondary",sx:{mb:2},children:"No global variables available. Add some in Settings first."}):(0,n.jsx)(s.default,{sx:{maxHeight:300,overflow:"auto",mb:2},children:Object.entries(I).map(e=>{let[t,r]=e;return(0,n.jsxs)(l.A,{fullWidth:!0,variant:"text",onClick:()=>(e=>{if(null!==U){E.debug("Binding variable at index ".concat(U," to global variable: ").concat(e));let t=[...O];t[U]={...t[U],isBound:!0,boundTo:e,value:"${global:".concat(e,"}")},P(t),L(!1),D(null),M(!0)}})(t),sx:{justifyContent:"space-between",textAlign:"left",mb:1,p:1,borderRadius:1},children:[(0,n.jsx)(i.default,{variant:"body2",children:t}),(0,n.jsx)(i.default,{variant:"caption",color:"text.secondary",children:r&&"object"==typeof r&&r.metadata&&r.metadata.isSecret?C.gF:r&&"object"==typeof r?r.value:r})]},t)})}),(0,n.jsx)(s.default,{sx:{display:"flex",justifyContent:"flex-end"},children:(0,n.jsx)(l.A,{variant:"outlined",onClick:()=>{L(!1),D(null)},children:"Cancel"})})]})}),F&&(0,n.jsx)(s.default,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:(0,n.jsx)(l.A,{variant:"contained",color:"success",onClick:G,disabled:W||O.some(e=>""!==e.key&&!1===e.isValidKey),children:W?"Saving...":"Save Changes"})})]})}},77326:(e,t,r)=>{"use strict";r.d(t,{$:()=>n});let n=[{id:"welcome",path:"/",placement:"center",title:"Welcome to FLUJO \uD83D\uDC4B",body:"This quick tour walks you through going from zero to a running AI flow.\n\nYou'll add a model, connect a tool server, build a flow, and run it in chat. It takes about a minute — you can skip any time."},{id:"add-model",path:"/models",target:'[data-tour="add-model"]',placement:"bottom",title:"1. Add a model",body:'FLUJO needs at least one AI model to think with. Click "Add Model" to configure one.\n\nTip: an OpenRouter API key gives you access to several free models — paste the key, name the model, pick a free one, and add a custom instruction.'},{id:"add-mcp-server",path:"/mcp",target:'[data-tour="add-mcp-server"]',placement:"bottom",title:"2. Connect a tool server (MCP)",body:'MCP servers give your model real tools — file access, image generation, web search, and more.\n\nClick "Add Server" and install the "Everything" reference server to try the full range of capabilities while you learn.'},{id:"new-flow",path:"/flows",target:'[data-tour="new-flow"]',placement:"bottom",title:"3. Build a flow",body:'A flow wires everything together. Click "New Flow" to open the builder.\n\nConnect Start → Process → Finish, attach your model to the Process node, and bind the Everything MCP server so the model can use its tools.'},{id:"chat-input",path:"/chat",target:'[data-tour="chat-input"]',placement:"top",title:"4. Run it in chat",body:"Pick your flow from the selector, then send a message here.\n\nTry asking it to generate an image with the MCP server and tell you a joke — you'll see the flow execute live, step by step."},{id:"docs",path:"/chat",target:'[data-tour="nav-docs"]',placement:"bottom",title:"Need the API?",body:"FLUJO exposes an OpenAI-compatible API and a full REST surface. The Docs page lists every endpoint with its method, parameters, and response shape.\n\nYou can re-run this tour any time from Settings → Onboarding."},{id:"finish",path:"/chat",placement:"center",title:"You're all set \uD83C\uDF89",body:"That's the whole loop: models, tools, flows, and chat.\n\nExplore at your own pace — and remember the Docs page and Settings are there when you need them."}]},84869:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,S:()=>o});let n=(0,r(87021).h)("frontend/services/transcription/webSpeech"),a=()=>"webkitSpeechRecognition"in window||"SpeechRecognition"in window;async function o(e,t){if(!a())throw Error("Web Speech API is not supported in this browser");n.debug("Starting Web Speech API transcription");try{let r=URL.createObjectURL(e),a=new Audio(r),o=new(window.SpeechRecognition||window.webkitSpeechRecognition);return o.continuous=!0,o.interimResults=!0,(null==t?void 0:t.language)&&(o.lang=t.language),new Promise((e,r)=>{let s="";o.onresult=e=>{let r="";for(let t=e.resultIndex;t<e.results.length;t++){let n=e.results[t][0].transcript;e.results[t].isFinal?s+=n+" ":r+=n}(null==t?void 0:t.onInterimResult)&&t.onInterimResult(s+r),n.debug("Recognition interim result",{finalLength:s.length,interimLength:r.length})},o.onend=()=>{n.debug("Recognition ended",{transcriptLength:s.length}),e(s.trim())},o.onerror=e=>{n.error("Recognition error",{error:e.error}),r(Error("Speech recognition error: ".concat(e.error)))},a.onplay=()=>{o.start(),n.debug("Recognition started")},a.onended=()=>{o.stop(),n.debug("Audio playback ended")},a.onerror=e=>{n.error("Audio playback error",{error:e}),o.stop(),r(Error("Error playing audio"))},a.play().catch(e=>{n.error("Error starting audio playback",{error:e}),r(e)})})}catch(e){throw n.error("Error in Web Speech API transcription",{error:e}),e}}function s(){return{supported:a(),message:a()?"Web Speech API is supported":"Web Speech API is not supported in this browser"}}},87021:(e,t,r)=>{"use strict";r.d(t,{h:()=>l});let n={LOG_LEVEL:3},a={VERBOSE:-1,DEBUG:0,INFO:1,WARN:2,ERROR:3},o="number"==typeof n.LOG_LEVEL?n.LOG_LEVEL:a.ERROR;function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t>6)return String(e);if(!(e instanceof Error))return e;let r={name:e.name,message:e.message};for(let n of Object.getOwnPropertyNames(e)){if("name"===n||"message"===n)continue;let a=e[n];"function"!=typeof a&&("stack"===n?r.stack=a:"cause"===n?r.cause=s(a,t+1):"errors"===n&&Array.isArray(a)?r.errors=a.map(e=>s(e,t+1)):r[n]=a)}return r}function i(e,t,r,n,i){if(e>=("number"==typeof i?i:o)){if("function"==typeof n)try{n=n()}catch(e){n="[lazy log data threw]"}let o=new Date().toISOString(),i="[".concat(o,"] [").concat(t,"]"),l="".concat(i," ").concat(r);if(void 0!==n)if(n instanceof Error||"object"==typeof n)try{let e=n instanceof Error?s(n):n,t=JSON.stringify(e,(e,t)=>t instanceof Error?s(t):t,2);l+=":\n".concat(t)}catch(e){l+=": [Object cannot be stringified]"}else l+=": ".concat(n);switch(e){case a.VERBOSE:console.debug("[VERBOSE] ".concat(l));break;case a.DEBUG:console.debug(l);break;case a.INFO:console.info(l);break;case a.WARN:console.warn(l);break;case a.ERROR:console.error(l);break;default:console.log(l)}}}function l(e,t){let r,n=((r=e.replace(/^src\//,"")).startsWith("/")&&(r=r.substring(1)),r);return{verbose:(e,r)=>{i(a.VERBOSE,n,e,r,t)},debug:(e,r)=>{i(a.DEBUG,n,e,r,t)},info:(e,r)=>{i(a.INFO,n,e,r,t)},warn:(e,r)=>{i(a.WARN,n,e,r,t)},error:(e,r)=>{i(a.ERROR,n,e,r,t)}}}}},e=>{e.O(0,[2678,4754,9244,8548,1983,1871,2003,5501,488,3272,3077,8598,9659,2403,9554,6288,9164,8441,1255,7358],()=>e(e.s=8209)),_N_E=e.O()}]);

package/.next/static/chunks/app/waves/page-ec33cf79f6103a9e.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[603],{7720:(e,t,n)=>{Promise.resolve().then(n.bind(n,26756))},8301:()=>{},26756:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>N});var o=n(95155),r=n(94049),l=n(12115),i=n(4474),a=n(25635),s=n(28548),c=n(22003),u=n(80777),d=n(2300),f=n(21067);let h=(0,n(36697).A)((0,o.jsx)("path",{d:"M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.42 2.95-.8c.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8m0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.35 1.15-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8m2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8s-2.2.42-2.95.8c-.65.33-1.17.6-2.05.6v1.93c1.35 0 2.2-.43 2.95-.8.65-.33 1.17-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V5.04c-.9 0-1.4-.25-2.05-.58M17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6s-1.4-.25-2.05-.6c-.75-.38-1.57-.8-2.95-.8s-2.2.43-2.95.8c-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6s1.4.25 2.05.6c.75.38 1.57.8 2.95.8s2.2-.43 2.95-.8c.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V9.49c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8"}),"Waves");var x=n(87021);let g=(0,x.h)("frontend/services/waves");class p{async list(){try{let e=await fetch("/api/waves");if(!e.ok)throw Error("HTTP ".concat(e.status));return await e.json()}catch(e){return g.warn("Failed to list waves",e),{paused:!1,generatedAt:new Date().toISOString(),waves:[],orphans:[]}}}}let m=new p;var v=n(76122),b=n(22539);n(8301);let w={schedule:{label:"Periodic",color:"#1976d2",timeline:!0},"mcp-poll":{label:"MCP Poll",color:"#7b1fa2",timeline:!0},"url-watch":{label:"URL Watch",color:"#0288d1",timeline:!0},webhook:{label:"Webhook",color:"#2e7d32",timeline:!1},"file-watch":{label:"File Watcher",color:"#ed6c02",timeline:!1},"flow-event":{label:"Event",color:"#616161",timeline:!1}};var y=n(55930);function I(e){let{subflows:t,depth:n=0}=e;return t&&0!==t.length?(0,o.jsx)(r.default,{sx:{pl:1.5*(0!==n),mt:.25},children:t.map((e,t)=>{var l;return(0,o.jsxs)(r.default,{sx:{borderLeft:n>0?"1px dashed rgba(0,0,0,0.2)":"none",pl:+(n>0)},children:[(0,o.jsxs)(r.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[(0,o.jsx)(y.A,{sx:{fontSize:12,opacity:.6}}),(0,o.jsxs)(a.default,{variant:"caption",sx:{opacity:e.missing?.6:.85,fontStyle:e.missing?"italic":"normal"},children:[null!=(l=e.flowName)?l:e.flowId,e.missing?" (missing)":"",e.truncated?" …":""]})]}),e.children.length>0&&(0,o.jsx)(I,{subflows:e.children,depth:n+1})]},"".concat(e.flowId,"-").concat(t))})}):null}let j={trigger:function(e){var t,n,l,i,c;let{data:u}=e,{chainNode:d,now:f}=u,h=null!=(c=w[i=d.triggerKind])?c:{label:i,color:"#616161",timeline:!1},x="";return"timeline"===d.timing.mode?x=function(e,t){if(!e)return"no scheduled run";let n=new Date(e).getTime()-t;if(Number.isNaN(n))return"no scheduled run";if(n<=0)return"due now";let o=Math.floor(n/6e4),r=Math.floor(o/1440),l=Math.floor(o%1440/60);if(r>0)return"".concat(r,"d ").concat(l,"h until next run");let i=String(l).padStart(2,"0"),a=String(o%60).padStart(2,"0");return"".concat(i,":").concat(a," until next run")}(d.timing.nextRun,f):"fixed"===d.timing.mode?x="fires when it happens":"event"===d.timing.mode&&(x="signal"===d.timing.via?'on signal "'.concat(null!=(t=d.timing.topic)?t:"",'"'):"on upstream completion"),(0,o.jsxs)(r.default,{sx:{minWidth:220,maxWidth:260,borderRadius:1,border:"1px solid rgba(0,0,0,0.15)",borderTop:"4px solid ".concat(h.color),bgcolor:"background.paper",boxShadow:2,p:1,opacity:d.enabled?1:.55},children:[(0,o.jsx)(b.h7,{type:"target",position:v.yX.Left,style:{background:h.color}}),(0,o.jsxs)(r.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:.5},children:[(0,o.jsx)(s.A,{label:h.label,size:"small",sx:{bgcolor:h.color,color:"#fff",height:18,fontSize:10}}),d.isRoot&&(0,o.jsx)(a.default,{variant:"caption",sx:{opacity:.6},children:"root"})]}),(0,o.jsx)(a.default,{variant:"subtitle2",sx:{mt:.5,fontWeight:600,lineHeight:1.2},noWrap:!0,title:d.name,children:d.name}),(0,o.jsx)(a.default,{variant:"caption",sx:{display:"block",opacity:.75},noWrap:!0,title:null!=(n=d.flowName)?n:d.flowId,children:null!=(l=d.flowName)?l:d.flowId}),(0,o.jsx)(a.default,{variant:"caption",sx:{display:"block",mt:.25,color:h.color,fontWeight:500},children:x}),(0,o.jsx)(I,{subflows:d.subflows}),(0,o.jsx)(b.h7,{type:"source",position:v.yX.Right,style:{background:h.color}})]})}};function E(e){let{wave:t,height:n=360}=e,[i,a]=(0,l.useState)(()=>Date.now());(0,l.useEffect)(()=>{if(!t.nodes.some(e=>"timeline"===e.timing.mode))return;let e=setInterval(()=>a(Date.now()),1e3);return()=>clearInterval(e)},[t]);let s=(0,l.useMemo)(()=>(function(e){var t,n,o;let r=new Map;for(let t of e.nodes)r.set(t.executionId,t);let l=new Map,i=new Map;for(let t of e.nodes)l.set(t.executionId,[]),i.set(t.executionId,[]);for(let t of e.edges)r.has(t.fromExecutionId)&&r.has(t.toExecutionId)&&(l.get(t.toExecutionId).push(t.fromExecutionId),i.get(t.fromExecutionId).push(t.toExecutionId));let a=e.nodes.filter(e=>{var t,n;return(null!=(n=null==(t=l.get(e.executionId))?void 0:t.length)?n:0)===0}).map(e=>e.executionId).sort(),s=a.length>0?a:e.rootExecutionIds,c=new Map,u=new Map;for(let e of s)c.set(e,0),u.set(e,e);let d=e.nodes.length+1;for(let o=0;o<d;o++){let o=!1;for(let r of e.edges){let e=c.get(r.fromExecutionId);if(void 0===e)continue;let l=e+1,i=c.get(r.toExecutionId);(void 0===i||l>i)&&(c.set(r.toExecutionId,l),u.set(r.toExecutionId,null!=(n=null!=(t=u.get(r.fromExecutionId))?t:s[0])?n:r.fromExecutionId),o=!0)}if(!o)break}for(let t of e.nodes)c.has(t.executionId)||(c.set(t.executionId,0),u.set(t.executionId,t.executionId));let f=new Map;for(let t of e.nodes){let e=null!=(o=c.get(t.executionId))?o:0;f.has(e)||f.set(e,[]),f.get(e).push(t.executionId)}let h=new Map;for(let[,e]of f)e.sort(),e.forEach((e,t)=>h.set(e,t));return{nodes:e.nodes.map(e=>{var t,n,o;return{chainNode:e,column:null!=(t=c.get(e.executionId))?t:0,row:null!=(n=h.get(e.executionId))?n:0,rootExecutionId:null!=(o=u.get(e.executionId))?o:e.executionId}})}})(t),[t]),c=(0,l.useMemo)(()=>{let e=new Map;for(let n of t.nodes)e.set(n.executionId,n);return e},[t]),u=(0,l.useMemo)(()=>s.nodes.map(e=>{let t=c.get(e.rootExecutionId),n=t&&"timeline"===t.timing.mode?function(e,t){if(!e)return 0;let n=new Date(e).getTime()-t;return Number.isNaN(n)||n<=0?0:Math.round(260*Math.min(1,n/216e5))}(t.timing.nextRun,i):0;return{id:e.chainNode.executionId,type:"trigger",position:{x:40+300*e.column+n,y:40+170*e.row},data:{chainNode:e.chainNode,now:i},draggable:!1,connectable:!1}}),[s,c,i]),d=(0,l.useMemo)(()=>t.edges.map(e=>{var t,n;let o="signal"===e.via?"signal: ".concat(null!=(t=e.topic)?t:""):e.on&&e.on.length>0?e.on.join(" / "):"on completion";return{id:"".concat(e.fromExecutionId,"->").concat(e.toExecutionId,"-").concat(e.via,"-").concat(null!=(n=e.topic)?n:""),source:e.fromExecutionId,target:e.toExecutionId,label:o,animated:!0,markerEnd:{type:v.TG.ArrowClosed},style:{stroke:"signal"===e.via?"#7b1fa2":"#616161"}}}),[t]);return(0,o.jsx)(r.default,{sx:{height:n,width:"100%",border:"1px solid rgba(0,0,0,0.1)",borderRadius:1},children:(0,o.jsxs)(b.Gc,{nodes:u,edges:d,nodeTypes:j,fitView:!0,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,proOptions:{hideAttribution:!0},children:[(0,o.jsx)(b.VS,{}),(0,o.jsx)(b.H2,{showInteractive:!1})]})})}function k(e){return(0,o.jsx)(b.Ln,{children:(0,o.jsx)(E,{...e})})}let R=(0,x.h)("frontend/components/Waves");function A(){var e,t;let[n,x]=(0,l.useState)(null),[g,p]=(0,l.useState)(!0),v=(0,l.useCallback)(async()=>{x(await m.list()),p(!1)},[]);if((0,l.useEffect)(()=>{v().catch(e=>{R.warn("Initial waves load failed",e),p(!1)});let e=setInterval(()=>{v().catch(e=>R.warn("Waves refresh failed",e))},3e4);return()=>clearInterval(e)},[v]),g)return(0,o.jsx)(r.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,o.jsx)(i.default,{})});let b=null!=(e=null==n?void 0:n.waves)?e:[],w=null!=(t=null==n?void 0:n.orphans)?t:[];return(0,o.jsxs)(r.default,{sx:{p:3,height:"100%",overflow:"auto"},children:[(0,o.jsxs)(r.default,{sx:{display:"flex",alignItems:"center",gap:1,mb:1},children:[(0,o.jsx)(h,{color:"primary"}),(0,o.jsx)(a.default,{variant:"h5",sx:{fontWeight:600},children:"Waves"}),(null==n?void 0:n.paused)&&(0,o.jsx)(s.A,{label:"Scheduler paused",color:"warning",size:"small"})]}),(0,o.jsx)(a.default,{variant:"body2",sx:{opacity:.75,mb:2},children:"A read-only picture of how your Planned Executions chain together via signals and completion events. Nothing here arms or fires anything."}),0===b.length&&0===w.length&&(0,o.jsx)(c.A,{severity:"info",children:"No planned executions to visualize yet. Create some executions (and link them with flow-event triggers or signal nodes) to see waves here."}),(0,o.jsx)(u.A,{spacing:3,children:b.map(e=>{let t=e.nodes.filter(t=>e.rootExecutionIds.includes(t.executionId)).map(e=>e.name);return(0,o.jsxs)(d.A,{variant:"outlined",sx:{p:1.5},children:[(0,o.jsxs)(r.default,{sx:{display:"flex",alignItems:"center",gap:1,mb:1},children:[(0,o.jsx)(a.default,{variant:"subtitle1",sx:{fontWeight:600},children:t.length>0?t.join(", "):"Wave"}),(0,o.jsx)(s.A,{label:"".concat(e.nodes.length," execution(s)"),size:"small",variant:"outlined"}),e.hasCycle&&(0,o.jsx)(s.A,{label:"recursive",color:"warning",size:"small"})]}),(0,o.jsx)(k,{wave:e})]},e.id)})}),w.length>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(f.A,{sx:{my:3}}),(0,o.jsx)(a.default,{variant:"subtitle1",sx:{fontWeight:600,mb:1},children:"Unlinked event triggers"}),(0,o.jsx)(a.default,{variant:"body2",sx:{opacity:.75,mb:1},children:"These flow-event triggers reference a source that matches no known producer, so they never start from an organic trigger."}),(0,o.jsx)(u.A,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,children:w.map(e=>{var t;return(0,o.jsx)(s.A,{label:"".concat(e.name," → ").concat(null!=(t=e.flowName)?t:e.flowId),size:"small"},e.executionId)})})]})]})}let S=(0,x.h)("app/waves/page");function N(){return S.debug("Rendering WavesPage"),(0,o.jsx)(r.default,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:(0,o.jsx)(A,{})})}},80777:(e,t,n)=>{"use strict";n.d(t,{A:()=>y});var o=n(12115),r=n(2821),l=n(46779),i=n(95195),a=n(57001),s=n(78831),c=n(11947),u=n(33065),d=n(41934),f=n(13419),h=n(36473),x=n(95155);let g=(0,d.A)(),p=(0,s.A)("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,t)=>t.root});function m(e){return(0,c.A)({props:e,name:"MuiStack",defaultTheme:g})}let v=e=>{let{ownerState:t,theme:n}=e,o={display:"flex",flexDirection:"column",...(0,f.NI)({theme:n},(0,f.kW)({values:t.direction,breakpoints:n.breakpoints.values}),e=>({flexDirection:e}))};if(t.spacing){let e=(0,h.LX)(n),r=Object.keys(n.breakpoints.values).reduce((e,n)=>(("object"==typeof t.spacing&&null!=t.spacing[n]||"object"==typeof t.direction&&null!=t.direction[n])&&(e[n]=!0),e),{}),i=(0,f.kW)({values:t.direction,base:r}),a=(0,f.kW)({values:t.spacing,base:r});"object"==typeof i&&Object.keys(i).forEach((e,t,n)=>{if(!i[e]){let o=t>0?i[n[t-1]]:"column";i[e]=o}}),o=(0,l.A)(o,(0,f.NI)({theme:n},a,(n,o)=>t.useFlexGap?{gap:(0,h._W)(e,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{["margin".concat({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"}[o?i[o]:t.direction])]:(0,h._W)(e,n)}}))}return(0,f.iZ)(n.breakpoints,o)};var b=n(48116),w=n(16625);let y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{createStyledComponent:t=p,useThemeProps:n=m,componentName:l="MuiStack"}=e,s=t(v);return o.forwardRef(function(e,t){let c=n(e),{component:d="div",direction:f="column",spacing:h=0,divider:g,children:p,className:m,useFlexGap:v=!1,...b}=(0,u.A)(c),w=(0,a.A)({root:["root"]},e=>(0,i.Ay)(l,e),{});return(0,x.jsx)(s,{as:d,ownerState:{direction:f,spacing:h,useFlexGap:v},ref:t,className:(0,r.A)(w.root,m),...b,children:g?function(e,t){let n=o.Children.toArray(e).filter(Boolean);return n.reduce((e,r,l)=>(e.push(r),l<n.length-1&&e.push(o.cloneElement(t,{key:"separator-".concat(l)})),e),[])}(p,g):p})})}({createStyledComponent:(0,b.Ay)("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,t)=>t.root}),useThemeProps:e=>(0,w.b)({props:e,name:"MuiStack"})})},87021:(e,t,n)=>{"use strict";n.d(t,{h:()=>s});let o={LOG_LEVEL:3},r={VERBOSE:-1,DEBUG:0,INFO:1,WARN:2,ERROR:3},l="number"==typeof o.LOG_LEVEL?o.LOG_LEVEL:r.ERROR;function i(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t>6)return String(e);if(!(e instanceof Error))return e;let n={name:e.name,message:e.message};for(let o of Object.getOwnPropertyNames(e)){if("name"===o||"message"===o)continue;let r=e[o];"function"!=typeof r&&("stack"===o?n.stack=r:"cause"===o?n.cause=i(r,t+1):"errors"===o&&Array.isArray(r)?n.errors=r.map(e=>i(e,t+1)):n[o]=r)}return n}function a(e,t,n,o,a){if(e>=("number"==typeof a?a:l)){if("function"==typeof o)try{o=o()}catch(e){o="[lazy log data threw]"}let l=new Date().toISOString(),a="[".concat(l,"] [").concat(t,"]"),s="".concat(a," ").concat(n);if(void 0!==o)if(o instanceof Error||"object"==typeof o)try{let e=o instanceof Error?i(o):o,t=JSON.stringify(e,(e,t)=>t instanceof Error?i(t):t,2);s+=":\n".concat(t)}catch(e){s+=": [Object cannot be stringified]"}else s+=": ".concat(o);switch(e){case r.VERBOSE:console.debug("[VERBOSE] ".concat(s));break;case r.DEBUG:console.debug(s);break;case r.INFO:console.info(s);break;case r.WARN:console.warn(s);break;case r.ERROR:console.error(s);break;default:console.log(s)}}}function s(e,t){let n,o=((n=e.replace(/^src\//,"")).startsWith("/")&&(n=n.substring(1)),n);return{verbose:(e,n)=>{a(r.VERBOSE,o,e,n,t)},debug:(e,n)=>{a(r.DEBUG,o,e,n,t)},info:(e,n)=>{a(r.INFO,o,e,n,t)},warn:(e,n)=>{a(r.WARN,o,e,n,t)},error:(e,n)=>{a(r.ERROR,o,e,n,t)}}}}},e=>{e.O(0,[6714,3862,2678,4754,9244,8548,1983,2003,488,8480,8441,1255,7358],()=>e(e.s=7720)),_N_E=e.O()}]);

package/.next/static/chunks/webpack-f4a471ab560eb19e.js

@@ -1 +0,0 @@
-(()=>{"use strict";var e={},t={};function r(a){var o=t[a];if(void 0!==o)return o.exports;var n=t[a]={exports:{}},c=!0;try{e[a].call(n.exports,n,n.exports,r),c=!1}finally{c&&delete t[a]}return n.exports}r.m=e,(()=>{var e=[];r.O=(t,a,o,n)=>{if(a){n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[a,o,n];return}for(var i=1/0,c=0;c<e.length;c++){for(var[a,o,n]=e[c],s=!0,d=0;d<a.length;d++)(!1&n||i>=n)&&Object.keys(r.O).every(e=>r.O[e](a[d]))?a.splice(d--,1):(s=!1,n<i&&(i=n));if(s){e.splice(c--,1);var u=o();void 0!==u&&(t=u)}}return t}})(),r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;r.t=function(a,o){if(1&o&&(a=this(a)),8&o||"object"==typeof a&&a&&(4&o&&a.__esModule||16&o&&"function"==typeof a.then))return a;var n=Object.create(null);r.r(n);var c={};e=e||[null,t({}),t([]),t(t)];for(var i=2&o&&a;"object"==typeof i&&!~e.indexOf(i);i=t(i))Object.getOwnPropertyNames(i).forEach(e=>c[e]=()=>a[e]);return c.default=()=>a,r.d(n,c),n}})(),r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,a)=>(r.f[a](e,t),t),[])),r.u=e=>1646===e?"static/chunks/1646.a93085a0445ba909.js":5139===e?"static/chunks/5139.e4ff9cc3669129ed.js":7583===e?"static/chunks/7583.7af90b94e3c263f2.js":6016===e?"static/chunks/6016.8201fa15ab6aa90e.js":3217===e?"static/chunks/3217.058098140ec3f563.js":9195===e?"static/chunks/9195.294887f083b1a11b.js":8083===e?"static/chunks/8083.16fda2c7f6d10d0c.js":3545===e?"static/chunks/3545.353a62a68d3b7fd1.js":8198===e?"static/chunks/8198.cd0d3f8429c02862.js":"static/chunks/"+e+"-"+({1871:"dd8c10ed9d37100b",1983:"242862b3dc022a26",2003:"460f30484998c05d",2005:"f9d38c39f10c321f",2619:"04bc32f026a0d946",2678:"c88052addfb0478a",3272:"fd8d59523f61da96",4754:"5c62bb61142f82d1",5501:"f5b093c8dfd74196",8548:"8e4a95334064e8b2",8598:"1b627b3d682b364a",9164:"d9f1abba780231e0",9244:"3281f7fd02003a2c"})[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="_N_E:";r.l=(a,o,n,c)=>{if(e[a])return void e[a].push(o);if(void 0!==n)for(var i,s,d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var f=d[u];if(f.getAttribute("src")==a||f.getAttribute("data-webpack")==t+n){i=f;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,r.nc&&i.setAttribute("nonce",r.nc),i.setAttribute("data-webpack",t+n),i.src=r.tu(a)),e[a]=[o];var l=(t,r)=>{i.onerror=i.onload=null,clearTimeout(b);var o=e[a];if(delete e[a],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},b=setTimeout(l.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=l.bind(null,i.onerror),i.onload=l.bind(null,i.onload),s&&document.head.appendChild(i)}})(),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:e=>e},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("nextjs#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="/_next/",(()=>{var e={5687:0,6317:0,6714:0,2978:0,1137:0};r.f.j=(t,a)=>{var o=r.o(e,t)?e[t]:void 0;if(0!==o)if(o)a.push(o[2]);else if(/^((113|568|631)7|2978|6714)$/.test(t))e[t]=0;else{var n=new Promise((r,a)=>o=e[t]=[r,a]);a.push(o[2]=n);var c=r.p+r.u(t),i=Error();r.l(c,a=>{if(r.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=a&&("load"===a.type?"missing":a.type),c=a&&a.target&&a.target.src;i.message="Loading chunk "+t+" failed.\n("+n+": "+c+")",i.name="ChunkLoadError",i.type=n,i.request=c,o[1](i)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,a)=>{var o,n,[c,i,s]=a,d=0;if(c.some(t=>0!==e[t])){for(o in i)r.o(i,o)&&(r.m[o]=i[o]);if(s)var u=s(r)}for(t&&t(a);d<c.length;d++)n=c[d],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(u)},a=self.webpackChunk_N_E=self.webpackChunk_N_E||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})()})();

package/.next/static/css/39393a79f7cb0dee.css

@@ -1 +0,0 @@
-:root{--background:#FFFFFF;--foreground:#2C3E50;--paper-background:#F5F6FA;--text-secondary:#7F8C8D}:root.dark-theme{--background:#1a1a1a;--foreground:#f0f0f0;--paper-background:#2a2a2a;--text-secondary:#aaaaaa}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}