@flexkit/studio 0.2.4 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/astro.js +1 -1
- package/dist/{chat-page-S2YGOKO5.js → chat-page-EXKQ2EYM.js} +3 -3
- package/dist/{chat-page-S2YGOKO5.js.map → chat-page-EXKQ2EYM.js.map} +1 -1
- package/dist/{chunk-6RDPFMLK.js → chunk-26UJ2WUB.js} +2 -2
- package/dist/{chunk-6RDPFMLK.js.map → chunk-26UJ2WUB.js.map} +1 -1
- package/dist/{chunk-TXK4OFAG.js → chunk-2AVINVYN.js} +4 -0
- package/dist/{chunk-LN55VJ35.js → chunk-EUGE3XWF.js} +3 -3
- package/dist/{chunk-LN55VJ35.js.map → chunk-EUGE3XWF.js.map} +1 -1
- package/dist/chunk-LP2JI25S.js +2 -0
- package/dist/chunk-LP2JI25S.js.map +1 -0
- package/dist/{chunk-NYKATVPZ.js → chunk-NDM2RAQE.js} +3 -3
- package/dist/{chunk-NYKATVPZ.js.map → chunk-NDM2RAQE.js.map} +1 -1
- package/dist/{chunk-SVZY7ZZD.js → chunk-NGO6CTAU.js} +3 -3
- package/dist/{chunk-SVZY7ZZD.js.map → chunk-NGO6CTAU.js.map} +1 -1
- package/dist/chunk-TYDYAOQ7.js +3 -0
- package/dist/chunk-TYDYAOQ7.js.map +1 -0
- package/dist/{chunk-2AHDTE5T.js → chunk-UM74MG43.js} +2 -2
- package/dist/{chunk-2AHDTE5T.js.map → chunk-UM74MG43.js.map} +1 -1
- package/dist/{chunk-NOFQHWES.js → chunk-UULO2DWJ.js} +2 -2
- package/dist/{chunk-NOFQHWES.js.map → chunk-UULO2DWJ.js.map} +1 -1
- package/dist/{chunk-7SK5YPHT.js → chunk-V64P56OA.js} +2 -2
- package/dist/{chunk-7SK5YPHT.js.map → chunk-V64P56OA.js.map} +1 -1
- package/dist/{chunk-J2G4C6I5.js → chunk-XWC47CBM.js} +2 -2
- package/dist/{chunk-J2G4C6I5.js.map → chunk-XWC47CBM.js.map} +1 -1
- package/dist/{chunk-KWS3NAYS.js → chunk-Y7ZSQPKF.js} +3 -3
- package/dist/{chunk-KWS3NAYS.js.map → chunk-Y7ZSQPKF.js.map} +1 -1
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/{list-PNKQAYUK.js → list-WETJWRMH.js} +2 -2
- package/dist/{list-PNKQAYUK.js.map → list-WETJWRMH.js.map} +1 -1
- package/dist/nextjs.js +1 -1
- package/dist/pages-PIZB3YDN.js +3 -0
- package/dist/pages-PIZB3YDN.js.map +1 -0
- package/dist/{plugin-pages-SE52XFFW.js → plugin-pages-QLMZNHSK.js} +2 -2
- package/dist/{plugin-pages-SE52XFFW.js.map → plugin-pages-QLMZNHSK.js.map} +1 -1
- package/dist/{root-X5NDURAN.js → root-L4SMLNEV.js} +3 -3
- package/dist/{root-X5NDURAN.js.map → root-L4SMLNEV.js.map} +1 -1
- package/dist/{root-BH3PQS2H.js → root-N6PIMO2T.js} +3 -3
- package/dist/{root-BH3PQS2H.js.map → root-N6PIMO2T.js.map} +1 -1
- package/dist/{root-LFQA2VSE.js → root-QN7KVPCD.js} +2 -2
- package/dist/{root-LFQA2VSE.js.map → root-QN7KVPCD.js.map} +1 -1
- package/dist/{root-44ZJLA4E.js → root-R7URTGY7.js} +2 -2
- package/dist/{root-44ZJLA4E.js.map → root-R7URTGY7.js.map} +1 -1
- package/dist/{search-Q65IC67C.js → search-3LHBSNDF.js} +2 -2
- package/dist/{search-Q65IC67C.js.map → search-3LHBSNDF.js.map} +1 -1
- package/dist/{skills-pages-TWOIIU5J.js → skills-pages-ZN4LII2R.js} +2 -2
- package/dist/{skills-pages-TWOIIU5J.js.map → skills-pages-ZN4LII2R.js.map} +1 -1
- package/dist/tanstack-start.js +1 -1
- package/dist/{user-nav-QZTYBG45.js → user-nav-DCAHVWN7.js} +2 -2
- package/dist/{user-nav-QZTYBG45.js.map → user-nav-DCAHVWN7.js.map} +1 -1
- package/package.json +2 -2
- package/dist/chunk-3TGCCDOR.js +0 -2
- package/dist/chunk-3TGCCDOR.js.map +0 -1
- package/dist/chunk-NNA4MLFC.js +0 -3
- package/dist/chunk-NNA4MLFC.js.map +0 -1
- package/dist/pages-KHFSZ3PH.js +0 -3
- package/dist/pages-KHFSZ3PH.js.map +0 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import'./index.css';import {createContext,useContext}from'react';import $ from'swr';import {useParams,useHref}from'react-router-dom';import {jsx}from'react/jsx-runtime';var l="flexkit.io",S={"flexkit.io":true,"flexkit.test":true};function A(){let t=globalThis.process?.env?.FLEXKIT_DOMAIN?.trim();return t&&S[t]?t:l}var n=A();var p=n,f=`https://${p}`,a=t=>t?`https://${t}.api.${p}`:f,L=`${f}/images/`,i="-",m={authProviders:`/api/flexkit/${i}/auth/providers`,logout:`/api/flexkit/${i}/auth/logout`,me:`/api/flexkit/${i}/me`,notificationPreferences:`/api/flexkit/${i}/me/notification-preferences`,push:`/api/flexkit/${i}/me/push`,otpConfirm:`/api/flexkit/${i}/auth/otp/confirm`,otpSend:`/api/flexkit/${i}/auth/otp/send`};function u(t=""){return {assets:`/api/flexkit/${t}/assets`,authProviders:`/api/flexkit/${t}/auth/providers`,completion:`/api/flexkit/${t}/completion`,currentUser:`/api/flexkit/${t}/users/me`,loginOtpConfirm:`${a(t)}/auth/otp/confirm`,loginOtpSend:`${a(t)}/auth/otp/send`,logout:e=>{let o=new URLSearchParams({redirect:e});return `/api/flexkit/${t}/auth/logout?${o.toString()}`},schema:`/api/flexkit/${t}/schema`,search:`/api/flexkit/${t}/search`,sessionId:`${a(t)}/api/auth/login/session`}}async function h(t){try{await fetch(m.logout,{credentials:"same-origin",method:"POST"});}catch{}await fetch("/api/flexkit/logout",{credentials:"include",method:"GET"}),window.location.assign(t);}function c(t="projects"){let{projectId:e}=useParams(),o=useHref(`/${e??""}`),r=useHref("/"),{data:x,isLoading:k}=$(e?u(e).currentUser:null,P=>fetch(P,{mode:"cors",credentials:"include"}).then(s=>s.json()).then(s=>({...s,spaces:s.spaces??[]})));return [!!e&&k,{user:x,logout:async()=>{if(t==="hosted"){await h(r);return}await fetch(u(e??"").logout(o),{method:"POST",mode:"cors",credentials:"include"}),await fetch("/api/flexkit/logout",{method:"GET",credentials:"include"}),window.location.reload();}}]}var g=createContext([true,{user:null,logout:()=>Promise.resolve()}]);function B({children:t,mode:e="projects"}){let[o,r]=c(e);return jsx(g.Provider,{value:[o,r],children:t})}function J(){return useContext(g)}
|
|
2
|
+
export{n as a,f as b,L as c,m as d,u as e,h as f,B as g,J as h};//# sourceMappingURL=chunk-TYDYAOQ7.js.map
|
|
3
|
+
//# sourceMappingURL=chunk-TYDYAOQ7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/core/domains.ts","../src/core/api-paths.ts","../src/auth/hosted-logout.ts","../src/auth/use-auth-service.ts","../src/auth/auth-context.tsx"],"names":["defaultFlexkitDomain","allowedFlexkitDomains","getConfiguredFlexkitDomain","configuredDomain","flexkitDomain","domain","baseApiUrl","baseProjectApiUrl","projectId","IMAGES_BASE_URL","USER_API_SEGMENT","userApiPaths","apiPaths","redirectPath","params","signOutHosted","rootHref","useAuthService","mode","useParams","projectHref","useHref","user","isLoadingUser","useSWR","url","res","data","AuthContext","createContext","AuthProvider","children","isLoading","auth","jsx","useAuth","useContext"],"mappings":"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","file":"chunk-TYDYAOQ7.js","sourcesContent":["const defaultFlexkitDomain = 'flexkit.io';\n\nconst allowedFlexkitDomains: { [domain: string]: true } = {\n 'flexkit.io': true,\n 'flexkit.test': true,\n};\n\ntype GlobalWithProcessEnv = typeof globalThis & {\n process?: {\n env?: {\n [key: string]: string | undefined;\n };\n };\n};\n\nfunction getConfiguredFlexkitDomain(): string {\n const configuredDomain = (globalThis as GlobalWithProcessEnv).process?.env?.FLEXKIT_DOMAIN?.trim();\n\n if (!configuredDomain) {\n return defaultFlexkitDomain;\n }\n\n if (allowedFlexkitDomains[configuredDomain]) {\n return configuredDomain;\n }\n\n return defaultFlexkitDomain;\n}\n\nexport const flexkitDomain = getConfiguredFlexkitDomain();\nexport const flexkitApiDomain = `api.${flexkitDomain}`;\n","import { flexkitDomain } from './domains';\n\nconst domain = flexkitDomain;\nexport const baseApiUrl = `https://${domain}`;\nconst baseProjectApiUrl = (projectId?: string): string =>\n projectId ? `https://${projectId}.api.${domain}` : baseApiUrl;\n\ninterface ApiPaths {\n assets: string;\n authProviders: string;\n completion: string;\n currentUser: string;\n loginOtpConfirm: string;\n loginOtpSend: string;\n /** `redirectPath` is the absolute in-app path to return to after logout. */\n logout: (redirectPath: string) => string;\n /** Deployed project schema, scopes, spaces, title and menu groups. */\n schema: string;\n search: string;\n sessionId: string;\n}\n\nexport const IMAGES_BASE_URL = `${baseApiUrl}/images/`;\n\n/**\n * Reserved BFF segment for user-level (project-less) Flexkit API calls:\n * `/api/flexkit/-/me` is proxied to `https://<flexkitDomain>/api/me` with the\n * session as a bearer token. Project ids are ten characters, so `-` can never\n * collide with one.\n */\nexport const USER_API_SEGMENT = '-';\n\nexport const userApiPaths = {\n authProviders: `/api/flexkit/${USER_API_SEGMENT}/auth/providers`,\n logout: `/api/flexkit/${USER_API_SEGMENT}/auth/logout`,\n /** Signed-in user plus every project they can open. */\n me: `/api/flexkit/${USER_API_SEGMENT}/me`,\n /** The signed-in user's notification preferences (desktop kinds, approval email). */\n notificationPreferences: `/api/flexkit/${USER_API_SEGMENT}/me/notification-preferences`,\n /** Web Push: GET the VAPID public key, POST or DELETE this browser's subscription. */\n push: `/api/flexkit/${USER_API_SEGMENT}/me/push`,\n otpConfirm: `/api/flexkit/${USER_API_SEGMENT}/auth/otp/confirm`,\n otpSend: `/api/flexkit/${USER_API_SEGMENT}/auth/otp/send`,\n} as const;\n\nexport function apiPaths(projectId = ''): ApiPaths {\n return {\n assets: `/api/flexkit/${projectId}/assets`,\n authProviders: `/api/flexkit/${projectId}/auth/providers`,\n completion: `/api/flexkit/${projectId}/completion`,\n currentUser: `/api/flexkit/${projectId}/users/me`,\n loginOtpConfirm: `${baseProjectApiUrl(projectId)}/auth/otp/confirm`,\n loginOtpSend: `${baseProjectApiUrl(projectId)}/auth/otp/send`,\n logout: (redirectPath: string) => {\n const params = new URLSearchParams({ redirect: redirectPath });\n\n return `/api/flexkit/${projectId}/auth/logout?${params.toString()}`;\n },\n schema: `/api/flexkit/${projectId}/schema`,\n search: `/api/flexkit/${projectId}/search`,\n sessionId: `${baseProjectApiUrl(projectId)}/api/auth/login/session`,\n };\n}\n","import { userApiPaths } from '../core/api-paths';\n\n/** Hosted mode sign-out: end the Flexkit session, drop the first-party cookie, go back to the Studio root. */\nexport async function signOutHosted(rootHref: string): Promise<void> {\n try {\n await fetch(userApiPaths.logout, { credentials: 'same-origin', method: 'POST' });\n } catch {\n // The cookie is cleared below either way; the session expires server-side.\n }\n\n await fetch('/api/flexkit/logout', { credentials: 'include', method: 'GET' });\n window.location.assign(rootHref);\n}\n","'use client';\n\nimport useSWR from 'swr';\nimport { useHref, useParams } from 'react-router-dom';\nimport { apiPaths } from '../core/api-paths';\nimport type { StudioMode } from '../core/config/types';\nimport { signOutHosted } from './hosted-logout';\nimport type { AuthService, User } from './types';\n\nexport default function useAuthService(mode: StudioMode = 'projects'): AuthService {\n const { projectId } = useParams();\n // Absolute path of the current project under the router basename.\n const projectHref = useHref(`/${projectId ?? ''}`);\n const rootHref = useHref('/');\n // Role and spaces are per project, so there is nothing to ask until a project is open.\n const { data: user, isLoading: isLoadingUser } = useSWR(projectId ? apiPaths(projectId).currentUser : null, (url: string) =>\n fetch(url, { mode: 'cors', credentials: 'include' })\n .then((res) => res.json() as Promise<User>)\n .then((data) => ({ ...data, spaces: data.spaces ?? [] }))\n );\n const isLoading = Boolean(projectId) && isLoadingUser;\n\n return [\n isLoading,\n {\n user,\n logout: async () => {\n if (mode === 'hosted') {\n await signOutHosted(rootHref);\n\n return;\n }\n\n // wipe remote session\n await fetch(apiPaths(projectId ?? '').logout(projectHref), {\n method: 'POST',\n mode: 'cors',\n credentials: 'include',\n });\n\n // delete first-party auth cookie\n await fetch('/api/flexkit/logout', { method: 'GET', credentials: 'include' });\n\n window.location.reload();\n },\n },\n ];\n}\n","'use client';\n\nimport { createContext, JSX, useContext } from 'react';\nimport useAuthService from './use-auth-service';\nimport type { Auth, AuthService, User } from './types';\nimport type { StudioMode } from '../core/config/types';\n\nconst AuthContext = createContext([\n true,\n {\n user: null as User | null,\n logout: () => Promise.resolve(),\n } as Auth,\n]);\n\nexport function AuthProvider({\n children,\n mode = 'projects',\n}: {\n children: React.ReactNode;\n mode?: StudioMode;\n}): JSX.Element {\n const [isLoading, auth] = useAuthService(mode);\n\n return <AuthContext.Provider value={[isLoading, auth]}>{children}</AuthContext.Provider>;\n}\n\nexport function useAuth(): AuthService {\n return useContext(AuthContext) as AuthService;\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import'./index.css';import {q}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import'./index.css';import {q}from'./chunk-NGO6CTAU.js';import {g,f}from'./chunk-CKNFYN3O.js';import {s}from'./chunk-YCCFUGWJ.js';import {c,h as h$1,i,k,j as j$1}from'./chunk-32ZU4MLE.js';import {e,g as g$1,h,j}from'./chunk-SZEGGBOC.js';import {b}from'./chunk-6NRQMG26.js';import {useState,useEffect,useMemo,useTransition}from'react';import {LoaderCircle,MessageSquareIcon,MoreHorizontalIcon,PencilIcon,Trash2Icon}from'lucide-react';import {useLocation,useNavigate}from'react-router-dom';import H,{useSWRConfig}from'swr';import U from'swr/infinite';import {jsx,jsxs}from'react/jsx-runtime';function ue(){let a=useLocation(),n="/agent",t=a.pathname.indexOf(n);return t===-1?`${a.pathname.replace(/\/$/,"")}/agent`:a.pathname.slice(0,t+n.length)}function de(a,n){let[t,o]=useState(a);return useEffect(()=>{let f=window.setTimeout(()=>{o(a);},n);return ()=>{window.clearTimeout(f);}},[n,a]),t}function Z(a){let n=new Date(a.lastMessageAt??a.updatedAt).getTime(),t=new Date,o=new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime();return n>=o?"Today":n>=o-864e5?"Yesterday":n>=o-7*864e5?"Previous 7 days":"Older"}function ee(a){let n=[];for(let t of a){let o=Z(t),f=n.find(u=>u.label===o);f?f.chats.push(t):n.push({chats:[t],label:o});}return n}function te({active:a,api:n,chat:t,onChanged:o,onDeleted:f,onOpen:u}){let[r,l]=useState(null),[g,d]=useState(t.title??""),[p,D]=useTransition(),k$1=t.title?.trim()||"New chat";function v(){D(async()=>{await n.renameAgentChat(t.id,g.trim()),l(null),o();});}function y(){D(async()=>{await n.deleteAgentChat(t.id),l(null),f();});}return jsxs("div",{className:`fk:group/chat fk:flex fk:items-center fk:gap-1 fk:rounded-md fk:pr-1 ${a?"fk:bg-sidebar-accent":"fk:hover:bg-accent/60"} fk:corner-squircle`,children:[jsx("button",{className:"fk:min-w-0 fk:flex-1 fk:truncate fk:px-2 fk:py-1.5 fk:text-left fk:text-sm",title:k$1,type:"button",onClick:u,children:k$1}),jsxs(e,{children:[jsx(g$1,{asChild:true,children:jsx(b,{className:"fk:size-6 fk:shrink-0 fk:opacity-0 fk:group-hover/chat:opacity-100 fk:data-[state=open]:opacity-100",size:"icon",variant:"ghost",children:jsx(MoreHorizontalIcon,{className:"fk:size-4"})})}),jsxs(h,{align:"start",children:[jsxs(j,{onClick:()=>{d(t.title??""),l("rename");},children:[jsx(PencilIcon,{className:"fk:size-4"}),"Rename"]}),jsxs(j,{className:"fk:text-destructive",onClick:()=>l("delete"),children:[jsx(Trash2Icon,{className:"fk:size-4"}),"Delete"]})]})]}),jsx(c,{open:r==="rename",onOpenChange:m=>l(m?"rename":null),children:jsxs(h$1,{className:"fk:max-w-sm",children:[jsx(i,{children:jsx(k,{children:"Rename chat"})}),jsx(s,{value:g,onChange:m=>d(m.target.value),placeholder:"Chat title"}),jsx(j$1,{children:jsx(b,{disabled:p||!g.trim(),size:"sm",onClick:v,children:p?"Saving...":"Save"})})]})}),jsx(c,{open:r==="delete",onOpenChange:m=>l(m?"delete":null),children:jsxs(h$1,{className:"fk:max-w-sm",children:[jsx(i,{children:jsx(k,{children:"Delete chat?"})}),jsxs("p",{className:"fk:text-sm fk:text-muted-foreground",children:["\u201C",k$1,"\u201D and its messages will be permanently deleted."]}),jsx(j$1,{children:jsx(b,{disabled:p,size:"sm",variant:"destructive",onClick:y,children:p?"Deleting...":"Delete"})})]})})]})}function ne({onOpen:a,projectId:n,query:t}){let{data:o,isLoading:f$1}=H(g(n).agentChatSearch(t),f,{keepPreviousData:true});return f$1&&!o?jsxs("div",{className:"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground",children:[jsx(LoaderCircle,{className:"fk:size-3.5 fk:animate-spin"}),"Searching..."]}):o?.results.length?jsx("div",{className:"fk:space-y-1",children:o.results.map(u=>jsxs("button",{className:"fk:block fk:w-full fk:rounded-md fk:px-2 fk:py-1.5 fk:text-left fk:hover:bg-accent/60 fk:corner-squircle",type:"button",onClick:()=>a(u.chatId),children:[jsx("span",{className:"fk:block fk:truncate fk:text-sm",children:u.chatTitle?.trim()||"New chat"}),jsx("span",{className:"fk:block fk:truncate fk:text-xs fk:text-muted-foreground",children:u.snippet})]},u.messageId))}):jsx("p",{className:"fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground",children:"No matching chats."})}function me({query:a}){let{api:n,projectId:t}=q(),o=useNavigate(),f$1=useLocation(),{mutate:u}=useSWRConfig(),r=/\/agent\/chats\/([^/]+)/.exec(f$1.pathname)?.[1],{data:l,isLoading:g$1,mutate:d,setSize:p,size:D}=U((s,c)=>!t||c&&!c.hasMore?null:g(t).agentChats(s*30),f,{revalidateFirstPage:true}),{data:k}=H(t&&r?g(t).agentChat(r):null,f),v=useMemo(()=>{let s=(l??[]).flatMap(h=>h.chats),c=k?.chat.title?.trim();return !r||!c?s:s.map(h=>h.id!==r||h.title?.trim()?h:{...h,title:c})},[k?.chat.title,r,l]),y=l?.[l.length-1]?.hasMore??false,m=useMemo(()=>ee(v),[v]);if(useEffect(()=>{d();},[r,d]),!t||!n)return null;let J=n,z=t;function L(s){o(`agent/chats/${s}`);}function X(s){d(),s===r?o("agent"):u(g(z).agentChat(s),void 0,{revalidate:false});}return jsx("div",{className:"fk:space-y-2",children:a?jsx(ne,{projectId:z,query:a,onOpen:L}):jsxs("div",{className:"fk:space-y-3",children:[m.map(s=>jsxs("div",{children:[jsx("p",{className:"fk:px-2 fk:pb-1 fk:text-xs fk:font-medium fk:text-muted-foreground",children:s.label}),jsx("div",{className:"fk:space-y-0.5",children:s.chats.map(c=>jsx(te,{active:c.id===r,api:J,chat:c,onChanged:()=>{d();},onDeleted:()=>X(c.id),onOpen:()=>L(c.id)},c.id))})]},s.label)),g$1?jsxs("div",{className:"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground",children:[jsx(LoaderCircle,{className:"fk:size-3.5 fk:animate-spin"}),"Loading recent chats..."]}):null,!g$1&&v.length===0?jsxs("div",{className:"fk:flex fk:flex-col fk:items-center fk:gap-2 fk:px-2 fk:py-6 fk:text-center fk:text-xs fk:text-muted-foreground",children:[jsx(MessageSquareIcon,{className:"fk:size-5"}),jsx("span",{children:"No chats yet. Start a conversation with the agent."})]}):null,y?jsx(b,{className:"fk:w-full",size:"sm",variant:"ghost",onClick:()=>{p(D+1);},children:"Load more"}):null]})})}export{ue as a,de as b,me as c};//# sourceMappingURL=chunk-UM74MG43.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-UM74MG43.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/apps/ai/agent/chat-list.tsx"],"names":["useAgentBasePath","location","useLocation","marker","index","useDebouncedValue","value","delayMs","debounced","setDebounced","useState","useEffect","timeout","getChatGroupLabel","chat","timestamp","now","startOfToday","groupChats","chats","groups","label","group","candidate","ChatListItem","active","api","onChanged","onDeleted","onOpen","dialog","setDialog","title","setTitle","isMutating","startMutation","useTransition","handleRename","handleDelete","jsxs","jsx","DropdownMenu","DropdownMenuTrigger","Button","MoreHorizontalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","Trash2Icon","Dialog","open","DialogContent","DialogHeader","DialogTitle","Input","event","DialogFooter","SearchResults","projectId","query","data","isLoading","useSWR","paths","fetcher","LoaderCircle","result","AgentChatsSection","useProjectApi","navigate","useNavigate","globalMutate","useSWRConfig","activeChatId","mutate","setSize","size","useSWRInfinite","pageIndex","previousPage","activeChatDetail","useMemo","listed","page","generatedTitle","hasMore","chatApi","chatProjectId","openChat","chatId","handleDeleted","MessageSquareIcon"],"mappings":"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","file":"chunk-2AHDTE5T.js","sourcesContent":["import type { JSX } from 'react';\nimport { useEffect, useMemo, useState, useTransition } from 'react';\nimport { LoaderCircle, MessageSquareIcon, MoreHorizontalIcon, PencilIcon, Trash2Icon } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport useSWR, { useSWRConfig } from 'swr';\nimport useSWRInfinite from 'swr/infinite';\nimport {\n Button,\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Input,\n} from '../../../ui';\nimport { fetcher, paths, type ApiClient } from '../api';\nimport { useProjectApi } from '../replay';\nimport type { AgentChat, AgentChatDetail, AgentChatSearchResult, AgentChatsList } from '../types';\n\n/** Returns the absolute route prefix of the agent app (`.../ai/agent`). */\nexport function useAgentBasePath(): string {\n const location = useLocation();\n const marker = '/agent';\n const index = location.pathname.indexOf(marker);\n\n if (index === -1) {\n return `${location.pathname.replace(/\\/$/, '')}/agent`;\n }\n\n return location.pathname.slice(0, index + marker.length);\n}\n\nexport function useDebouncedValue(value: string, delayMs: number): string {\n const [debounced, setDebounced] = useState(value);\n\n useEffect(() => {\n const timeout = window.setTimeout(() => {\n setDebounced(value);\n }, delayMs);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [delayMs, value]);\n\n return debounced;\n}\n\nfunction getChatGroupLabel(chat: AgentChat): string {\n const timestamp = new Date(chat.lastMessageAt ?? chat.updatedAt).getTime();\n const now = new Date();\n const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n\n if (timestamp >= startOfToday) {\n return 'Today';\n }\n\n if (timestamp >= startOfToday - 86_400_000) {\n return 'Yesterday';\n }\n\n if (timestamp >= startOfToday - 7 * 86_400_000) {\n return 'Previous 7 days';\n }\n\n return 'Older';\n}\n\nfunction groupChats(chats: AgentChat[]): { chats: AgentChat[]; label: string }[] {\n const groups: { chats: AgentChat[]; label: string }[] = [];\n\n for (const chat of chats) {\n const label = getChatGroupLabel(chat);\n const group = groups.find((candidate) => candidate.label === label);\n\n if (group) {\n group.chats.push(chat);\n } else {\n groups.push({ chats: [chat], label });\n }\n }\n\n return groups;\n}\n\nfunction ChatListItem({\n active,\n api,\n chat,\n onChanged,\n onDeleted,\n onOpen,\n}: {\n active: boolean;\n api: ApiClient;\n chat: AgentChat;\n onChanged: () => void;\n onDeleted: () => void;\n onOpen: () => void;\n}): JSX.Element {\n const [dialog, setDialog] = useState<'rename' | 'delete' | null>(null);\n const [title, setTitle] = useState(chat.title ?? '');\n const [isMutating, startMutation] = useTransition();\n const label = chat.title?.trim() || 'New chat';\n\n function handleRename(): void {\n startMutation(async () => {\n await api.renameAgentChat(chat.id, title.trim());\n setDialog(null);\n onChanged();\n });\n }\n\n function handleDelete(): void {\n startMutation(async () => {\n await api.deleteAgentChat(chat.id);\n setDialog(null);\n onDeleted();\n });\n }\n\n return (\n <div\n className={`fk:group/chat fk:flex fk:items-center fk:gap-1 fk:rounded-md fk:pr-1 ${\n active ? 'fk:bg-sidebar-accent' : 'fk:hover:bg-accent/60'\n } fk:corner-squircle`}\n >\n <button\n className=\"fk:min-w-0 fk:flex-1 fk:truncate fk:px-2 fk:py-1.5 fk:text-left fk:text-sm\"\n title={label}\n type=\"button\"\n onClick={onOpen}\n >\n {label}\n </button>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n className=\"fk:size-6 fk:shrink-0 fk:opacity-0 fk:group-hover/chat:opacity-100 fk:data-[state=open]:opacity-100\"\n size=\"icon\"\n variant=\"ghost\"\n >\n <MoreHorizontalIcon className=\"fk:size-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n setTitle(chat.title ?? '');\n setDialog('rename');\n }}\n >\n <PencilIcon className=\"fk:size-4\" />\n Rename\n </DropdownMenuItem>\n <DropdownMenuItem className=\"fk:text-destructive\" onClick={() => setDialog('delete')}>\n <Trash2Icon className=\"fk:size-4\" />\n Delete\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n <Dialog open={dialog === 'rename'} onOpenChange={(open) => setDialog(open ? 'rename' : null)}>\n <DialogContent className=\"fk:max-w-sm\">\n <DialogHeader>\n <DialogTitle>Rename chat</DialogTitle>\n </DialogHeader>\n <Input value={title} onChange={(event) => setTitle(event.target.value)} placeholder=\"Chat title\" />\n <DialogFooter>\n <Button disabled={isMutating || !title.trim()} size=\"sm\" onClick={handleRename}>\n {isMutating ? 'Saving...' : 'Save'}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n <Dialog open={dialog === 'delete'} onOpenChange={(open) => setDialog(open ? 'delete' : null)}>\n <DialogContent className=\"fk:max-w-sm\">\n <DialogHeader>\n <DialogTitle>Delete chat?</DialogTitle>\n </DialogHeader>\n <p className=\"fk:text-sm fk:text-muted-foreground\">\n “{label}” and its messages will be permanently deleted.\n </p>\n <DialogFooter>\n <Button disabled={isMutating} size=\"sm\" variant=\"destructive\" onClick={handleDelete}>\n {isMutating ? 'Deleting...' : 'Delete'}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n </div>\n );\n}\n\nfunction SearchResults({\n onOpen,\n projectId,\n query,\n}: {\n onOpen: (_chatId: string) => void;\n projectId: string;\n query: string;\n}): JSX.Element {\n const { data, isLoading } = useSWR<{ results: AgentChatSearchResult[] }>(\n paths(projectId).agentChatSearch(query),\n fetcher,\n { keepPreviousData: true }\n );\n\n if (isLoading && !data) {\n return (\n <div className=\"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">\n <LoaderCircle className=\"fk:size-3.5 fk:animate-spin\" />\n Searching...\n </div>\n );\n }\n\n if (!data?.results.length) {\n return <p className=\"fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">No matching chats.</p>;\n }\n\n return (\n <div className=\"fk:space-y-1\">\n {data.results.map((result) => (\n <button\n className=\"fk:block fk:w-full fk:rounded-md fk:px-2 fk:py-1.5 fk:text-left fk:hover:bg-accent/60 fk:corner-squircle\"\n key={result.messageId}\n type=\"button\"\n onClick={() => onOpen(result.chatId)}\n >\n <span className=\"fk:block fk:truncate fk:text-sm\">{result.chatTitle?.trim() || 'New chat'}</span>\n <span className=\"fk:block fk:truncate fk:text-xs fk:text-muted-foreground\">{result.snippet}</span>\n </button>\n ))}\n </div>\n );\n}\n\n/**\n * ChatGPT-style chats section embedded in the AI sidebar: new chat button and\n * the user's recent chats grouped by date with rename/delete. When `query` is\n * set, the recent list is replaced by hybrid keyword + semantic search results.\n * Rendered inside the app layout route, so relative navigation resolves\n * against the app root (`agent`, `agent/chats/:chatId`).\n */\nexport function AgentChatsSection({ query }: { query: string }): JSX.Element | null {\n const { api, projectId } = useProjectApi();\n const navigate = useNavigate();\n const location = useLocation();\n const { mutate: globalMutate } = useSWRConfig();\n const activeChatId = /\\/agent\\/chats\\/([^/]+)/.exec(location.pathname)?.[1];\n const { data, isLoading, mutate, setSize, size } = useSWRInfinite<AgentChatsList>(\n (pageIndex, previousPage: AgentChatsList | null) => {\n if (!projectId || (previousPage && !previousPage.hasMore)) {\n return null;\n }\n\n return paths(projectId).agentChats(pageIndex * 30);\n },\n fetcher,\n { revalidateFirstPage: true }\n );\n const { data: activeChatDetail } = useSWR<AgentChatDetail>(\n projectId && activeChatId ? paths(projectId).agentChat(activeChatId) : null,\n fetcher\n );\n const chats = useMemo(() => {\n const listed = (data ?? []).flatMap((page) => page.chats);\n const generatedTitle = activeChatDetail?.chat.title?.trim();\n\n if (!activeChatId || !generatedTitle) {\n return listed;\n }\n\n return listed.map((chat) => {\n if (chat.id !== activeChatId || chat.title?.trim()) {\n return chat;\n }\n\n return { ...chat, title: generatedTitle };\n });\n }, [activeChatDetail?.chat.title, activeChatId, data]);\n const hasMore = data?.[data.length - 1]?.hasMore ?? false;\n const groups = useMemo(() => groupChats(chats), [chats]);\n\n // Refresh the list when the user lands on a chat (new chats, fresh titles).\n useEffect(() => {\n void mutate();\n }, [activeChatId, mutate]);\n\n if (!projectId || !api) {\n return null;\n }\n\n const chatApi = api;\n const chatProjectId = projectId;\n\n function openChat(chatId: string): void {\n navigate(`agent/chats/${chatId}`);\n }\n\n function handleDeleted(chatId: string): void {\n void mutate();\n\n if (chatId === activeChatId) {\n navigate('agent');\n } else {\n // Drop the cached detail so a re-open does not show stale data.\n void globalMutate(paths(chatProjectId).agentChat(chatId), undefined, { revalidate: false });\n }\n }\n\n return (\n <div className=\"fk:space-y-2\">\n {query ? (\n <SearchResults projectId={chatProjectId} query={query} onOpen={openChat} />\n ) : (\n <div className=\"fk:space-y-3\">\n {groups.map((group) => (\n <div key={group.label}>\n <p className=\"fk:px-2 fk:pb-1 fk:text-xs fk:font-medium fk:text-muted-foreground\">{group.label}</p>\n <div className=\"fk:space-y-0.5\">\n {group.chats.map((chat) => (\n <ChatListItem\n active={chat.id === activeChatId}\n api={chatApi}\n chat={chat}\n key={chat.id}\n onChanged={() => void mutate()}\n onDeleted={() => handleDeleted(chat.id)}\n onOpen={() => openChat(chat.id)}\n />\n ))}\n </div>\n </div>\n ))}\n {isLoading ? (\n <div className=\"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">\n <LoaderCircle className=\"fk:size-3.5 fk:animate-spin\" />\n Loading recent chats...\n </div>\n ) : null}\n {!isLoading && chats.length === 0 ? (\n <div className=\"fk:flex fk:flex-col fk:items-center fk:gap-2 fk:px-2 fk:py-6 fk:text-center fk:text-xs fk:text-muted-foreground\">\n <MessageSquareIcon className=\"fk:size-5\" />\n <span>No chats yet. Start a conversation with the agent.</span>\n </div>\n ) : null}\n {hasMore ? (\n <Button className=\"fk:w-full\" size=\"sm\" variant=\"ghost\" onClick={() => void setSize(size + 1)}>\n Load more\n </Button>\n ) : null}\n </div>\n )}\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/apps/ai/agent/chat-list.tsx"],"names":["useAgentBasePath","location","useLocation","marker","index","useDebouncedValue","value","delayMs","debounced","setDebounced","useState","useEffect","timeout","getChatGroupLabel","chat","timestamp","now","startOfToday","groupChats","chats","groups","label","group","candidate","ChatListItem","active","api","onChanged","onDeleted","onOpen","dialog","setDialog","title","setTitle","isMutating","startMutation","useTransition","handleRename","handleDelete","jsxs","jsx","DropdownMenu","DropdownMenuTrigger","Button","MoreHorizontalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","Trash2Icon","Dialog","open","DialogContent","DialogHeader","DialogTitle","Input","event","DialogFooter","SearchResults","projectId","query","data","isLoading","useSWR","paths","fetcher","LoaderCircle","result","AgentChatsSection","useProjectApi","navigate","useNavigate","globalMutate","useSWRConfig","activeChatId","mutate","setSize","size","useSWRInfinite","pageIndex","previousPage","activeChatDetail","useMemo","listed","page","generatedTitle","hasMore","chatApi","chatProjectId","openChat","chatId","handleDeleted","MessageSquareIcon"],"mappings":"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","file":"chunk-UM74MG43.js","sourcesContent":["import type { JSX } from 'react';\nimport { useEffect, useMemo, useState, useTransition } from 'react';\nimport { LoaderCircle, MessageSquareIcon, MoreHorizontalIcon, PencilIcon, Trash2Icon } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport useSWR, { useSWRConfig } from 'swr';\nimport useSWRInfinite from 'swr/infinite';\nimport {\n Button,\n Dialog,\n DialogContent,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Input,\n} from '../../../ui';\nimport { fetcher, paths, type ApiClient } from '../api';\nimport { useProjectApi } from '../replay';\nimport type { AgentChat, AgentChatDetail, AgentChatSearchResult, AgentChatsList } from '../types';\n\n/** Returns the absolute route prefix of the agent app (`.../ai/agent`). */\nexport function useAgentBasePath(): string {\n const location = useLocation();\n const marker = '/agent';\n const index = location.pathname.indexOf(marker);\n\n if (index === -1) {\n return `${location.pathname.replace(/\\/$/, '')}/agent`;\n }\n\n return location.pathname.slice(0, index + marker.length);\n}\n\nexport function useDebouncedValue(value: string, delayMs: number): string {\n const [debounced, setDebounced] = useState(value);\n\n useEffect(() => {\n const timeout = window.setTimeout(() => {\n setDebounced(value);\n }, delayMs);\n\n return () => {\n window.clearTimeout(timeout);\n };\n }, [delayMs, value]);\n\n return debounced;\n}\n\nfunction getChatGroupLabel(chat: AgentChat): string {\n const timestamp = new Date(chat.lastMessageAt ?? chat.updatedAt).getTime();\n const now = new Date();\n const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n\n if (timestamp >= startOfToday) {\n return 'Today';\n }\n\n if (timestamp >= startOfToday - 86_400_000) {\n return 'Yesterday';\n }\n\n if (timestamp >= startOfToday - 7 * 86_400_000) {\n return 'Previous 7 days';\n }\n\n return 'Older';\n}\n\nfunction groupChats(chats: AgentChat[]): { chats: AgentChat[]; label: string }[] {\n const groups: { chats: AgentChat[]; label: string }[] = [];\n\n for (const chat of chats) {\n const label = getChatGroupLabel(chat);\n const group = groups.find((candidate) => candidate.label === label);\n\n if (group) {\n group.chats.push(chat);\n } else {\n groups.push({ chats: [chat], label });\n }\n }\n\n return groups;\n}\n\nfunction ChatListItem({\n active,\n api,\n chat,\n onChanged,\n onDeleted,\n onOpen,\n}: {\n active: boolean;\n api: ApiClient;\n chat: AgentChat;\n onChanged: () => void;\n onDeleted: () => void;\n onOpen: () => void;\n}): JSX.Element {\n const [dialog, setDialog] = useState<'rename' | 'delete' | null>(null);\n const [title, setTitle] = useState(chat.title ?? '');\n const [isMutating, startMutation] = useTransition();\n const label = chat.title?.trim() || 'New chat';\n\n function handleRename(): void {\n startMutation(async () => {\n await api.renameAgentChat(chat.id, title.trim());\n setDialog(null);\n onChanged();\n });\n }\n\n function handleDelete(): void {\n startMutation(async () => {\n await api.deleteAgentChat(chat.id);\n setDialog(null);\n onDeleted();\n });\n }\n\n return (\n <div\n className={`fk:group/chat fk:flex fk:items-center fk:gap-1 fk:rounded-md fk:pr-1 ${\n active ? 'fk:bg-sidebar-accent' : 'fk:hover:bg-accent/60'\n } fk:corner-squircle`}\n >\n <button\n className=\"fk:min-w-0 fk:flex-1 fk:truncate fk:px-2 fk:py-1.5 fk:text-left fk:text-sm\"\n title={label}\n type=\"button\"\n onClick={onOpen}\n >\n {label}\n </button>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n className=\"fk:size-6 fk:shrink-0 fk:opacity-0 fk:group-hover/chat:opacity-100 fk:data-[state=open]:opacity-100\"\n size=\"icon\"\n variant=\"ghost\"\n >\n <MoreHorizontalIcon className=\"fk:size-4\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n setTitle(chat.title ?? '');\n setDialog('rename');\n }}\n >\n <PencilIcon className=\"fk:size-4\" />\n Rename\n </DropdownMenuItem>\n <DropdownMenuItem className=\"fk:text-destructive\" onClick={() => setDialog('delete')}>\n <Trash2Icon className=\"fk:size-4\" />\n Delete\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n <Dialog open={dialog === 'rename'} onOpenChange={(open) => setDialog(open ? 'rename' : null)}>\n <DialogContent className=\"fk:max-w-sm\">\n <DialogHeader>\n <DialogTitle>Rename chat</DialogTitle>\n </DialogHeader>\n <Input value={title} onChange={(event) => setTitle(event.target.value)} placeholder=\"Chat title\" />\n <DialogFooter>\n <Button disabled={isMutating || !title.trim()} size=\"sm\" onClick={handleRename}>\n {isMutating ? 'Saving...' : 'Save'}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n <Dialog open={dialog === 'delete'} onOpenChange={(open) => setDialog(open ? 'delete' : null)}>\n <DialogContent className=\"fk:max-w-sm\">\n <DialogHeader>\n <DialogTitle>Delete chat?</DialogTitle>\n </DialogHeader>\n <p className=\"fk:text-sm fk:text-muted-foreground\">\n “{label}” and its messages will be permanently deleted.\n </p>\n <DialogFooter>\n <Button disabled={isMutating} size=\"sm\" variant=\"destructive\" onClick={handleDelete}>\n {isMutating ? 'Deleting...' : 'Delete'}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n </div>\n );\n}\n\nfunction SearchResults({\n onOpen,\n projectId,\n query,\n}: {\n onOpen: (_chatId: string) => void;\n projectId: string;\n query: string;\n}): JSX.Element {\n const { data, isLoading } = useSWR<{ results: AgentChatSearchResult[] }>(\n paths(projectId).agentChatSearch(query),\n fetcher,\n { keepPreviousData: true }\n );\n\n if (isLoading && !data) {\n return (\n <div className=\"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">\n <LoaderCircle className=\"fk:size-3.5 fk:animate-spin\" />\n Searching...\n </div>\n );\n }\n\n if (!data?.results.length) {\n return <p className=\"fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">No matching chats.</p>;\n }\n\n return (\n <div className=\"fk:space-y-1\">\n {data.results.map((result) => (\n <button\n className=\"fk:block fk:w-full fk:rounded-md fk:px-2 fk:py-1.5 fk:text-left fk:hover:bg-accent/60 fk:corner-squircle\"\n key={result.messageId}\n type=\"button\"\n onClick={() => onOpen(result.chatId)}\n >\n <span className=\"fk:block fk:truncate fk:text-sm\">{result.chatTitle?.trim() || 'New chat'}</span>\n <span className=\"fk:block fk:truncate fk:text-xs fk:text-muted-foreground\">{result.snippet}</span>\n </button>\n ))}\n </div>\n );\n}\n\n/**\n * ChatGPT-style chats section embedded in the AI sidebar: new chat button and\n * the user's recent chats grouped by date with rename/delete. When `query` is\n * set, the recent list is replaced by hybrid keyword + semantic search results.\n * Rendered inside the app layout route, so relative navigation resolves\n * against the app root (`agent`, `agent/chats/:chatId`).\n */\nexport function AgentChatsSection({ query }: { query: string }): JSX.Element | null {\n const { api, projectId } = useProjectApi();\n const navigate = useNavigate();\n const location = useLocation();\n const { mutate: globalMutate } = useSWRConfig();\n const activeChatId = /\\/agent\\/chats\\/([^/]+)/.exec(location.pathname)?.[1];\n const { data, isLoading, mutate, setSize, size } = useSWRInfinite<AgentChatsList>(\n (pageIndex, previousPage: AgentChatsList | null) => {\n if (!projectId || (previousPage && !previousPage.hasMore)) {\n return null;\n }\n\n return paths(projectId).agentChats(pageIndex * 30);\n },\n fetcher,\n { revalidateFirstPage: true }\n );\n const { data: activeChatDetail } = useSWR<AgentChatDetail>(\n projectId && activeChatId ? paths(projectId).agentChat(activeChatId) : null,\n fetcher\n );\n const chats = useMemo(() => {\n const listed = (data ?? []).flatMap((page) => page.chats);\n const generatedTitle = activeChatDetail?.chat.title?.trim();\n\n if (!activeChatId || !generatedTitle) {\n return listed;\n }\n\n return listed.map((chat) => {\n if (chat.id !== activeChatId || chat.title?.trim()) {\n return chat;\n }\n\n return { ...chat, title: generatedTitle };\n });\n }, [activeChatDetail?.chat.title, activeChatId, data]);\n const hasMore = data?.[data.length - 1]?.hasMore ?? false;\n const groups = useMemo(() => groupChats(chats), [chats]);\n\n // Refresh the list when the user lands on a chat (new chats, fresh titles).\n useEffect(() => {\n void mutate();\n }, [activeChatId, mutate]);\n\n if (!projectId || !api) {\n return null;\n }\n\n const chatApi = api;\n const chatProjectId = projectId;\n\n function openChat(chatId: string): void {\n navigate(`agent/chats/${chatId}`);\n }\n\n function handleDeleted(chatId: string): void {\n void mutate();\n\n if (chatId === activeChatId) {\n navigate('agent');\n } else {\n // Drop the cached detail so a re-open does not show stale data.\n void globalMutate(paths(chatProjectId).agentChat(chatId), undefined, { revalidate: false });\n }\n }\n\n return (\n <div className=\"fk:space-y-2\">\n {query ? (\n <SearchResults projectId={chatProjectId} query={query} onOpen={openChat} />\n ) : (\n <div className=\"fk:space-y-3\">\n {groups.map((group) => (\n <div key={group.label}>\n <p className=\"fk:px-2 fk:pb-1 fk:text-xs fk:font-medium fk:text-muted-foreground\">{group.label}</p>\n <div className=\"fk:space-y-0.5\">\n {group.chats.map((chat) => (\n <ChatListItem\n active={chat.id === activeChatId}\n api={chatApi}\n chat={chat}\n key={chat.id}\n onChanged={() => void mutate()}\n onDeleted={() => handleDeleted(chat.id)}\n onOpen={() => openChat(chat.id)}\n />\n ))}\n </div>\n </div>\n ))}\n {isLoading ? (\n <div className=\"fk:flex fk:items-center fk:gap-2 fk:px-2 fk:py-3 fk:text-xs fk:text-muted-foreground\">\n <LoaderCircle className=\"fk:size-3.5 fk:animate-spin\" />\n Loading recent chats...\n </div>\n ) : null}\n {!isLoading && chats.length === 0 ? (\n <div className=\"fk:flex fk:flex-col fk:items-center fk:gap-2 fk:px-2 fk:py-6 fk:text-center fk:text-xs fk:text-muted-foreground\">\n <MessageSquareIcon className=\"fk:size-5\" />\n <span>No chats yet. Start a conversation with the agent.</span>\n </div>\n ) : null}\n {hasMore ? (\n <Button className=\"fk:w-full\" size=\"sm\" variant=\"ghost\" onClick={() => void setSize(size + 1)}>\n Load more\n </Button>\n ) : null}\n </div>\n )}\n </div>\n );\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import'./index.css';import {q as q$1,o,r}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import'./index.css';import {q as q$1,o,r}from'./chunk-Y7ZSQPKF.js';import {f}from'./chunk-EUGE3XWF.js';import {e}from'./chunk-TYDYAOQ7.js';import {useCallback}from'react';import {toast}from'sonner';import {useApolloClient}from'@apollo/client/react';function E(i){let{currentProjectSchema:t}=f();return useCallback(a=>{t&&q$1(o(i,t),a);},[i,t])}var g=["image/jpeg","image/png","image/webp","image/vnd.microsoft.icon","image/bmp","image/gif","image/tiff","image/svg+xml","image/avif","image/heic","image/heif","image/heic-sequence","image/heif-sequence","image/apng","audio/aac","audio/mpeg","audio/wav","audio/webm","audio/midi","audio/x-midi","audio/ogg","video/x-msvideo","video/mp4","video/mpeg","video/webm","video/quicktime","video/ogg","video/mp2t","video/3gpp","video/3gpp2","application/x-7z-compressed","application/zip","application/vnd.amazon.ebook","application/octet-stream","application/epub+zip","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-fontobject","application/gzip","application/x-gzip","application/java-archive","application/json","application/ld+json","text/javascript","application/vnd.oasis.opendocument.presentation","application/vnd.oasis.opendocument.spreadsheet","application/vnd.oasis.opendocument.text","application/ogg","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/vnd.rar","application/x-tar","application/vnd.visio","application/xhtml+xml","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xml"];function F(i,t){if(!i.type)return true;let a=t?t.split(",").map(e=>e.trim()).filter(Boolean):g;return a.length===0?true:a.some(e=>e.endsWith("/*")?i.type.startsWith(e.slice(0,-1)):i.type===e)}async function x(i,t){let a=new URLSearchParams({filename:i.name}),e$1=await fetch(`${e(t).assets}?${a.toString()}`,{method:"POST",headers:{"Content-Type":i.type||"application/octet-stream"},body:i});if(!e$1.ok)throw new Error(`Upload failed for ${i.name}`);let n=await e$1.json(),o={_id:n._id,path:n.path??"",originalFilename:n.originalFilename??i.name,size:n.size??i.size,mimeType:n.mimeType??i.type,lqip:n.lqip??"",width:n.width??0,height:n.height??0};return {pathname:o.path,lqip:o.lqip||void 0,originalFilename:o.originalFilename,size:o.size,mimeType:o.mimeType,width:o.width||void 0,height:o.height||void 0,_id:o._id,asset:o}}async function h(i,t){let{projectId:a,accept:e,maxBytes:n=4*1024*1024,onUploadStart:o}=t,l=[];for(let p of Array.from(i)){if(p.size>n){toast.error(`File size too big (max ${(n/(1024*1024)).toFixed(0)}MB): ${p.name}`);continue}if(!F(p,e)){toast.error(`Unsupported file type: ${p.name}`);continue}l.push(p);}if(l.length===0)return [];o?.();try{let p=await Promise.all(l.map(async f=>x(f,a)));return p.length>0&&toast.success(`Uploaded ${p.length} file${p.length>1?"s":""}`),p}catch(p){return console.error(p),toast.error("Upload failed. Please try again."),[]}}async function b(i){let{accept:t,multiple:a=true}=i,e=document.createElement("input");e.type="file",e.accept=t??g.join(","),e.multiple=a,e.style.display="none",document.body.appendChild(e);try{let n=await new Promise(o=>{e.addEventListener("change",()=>o(e.files),{once:!0}),e.addEventListener("cancel",()=>o(null),{once:!0}),e.click();});return !n||n.length===0?[]:h(n,i)}finally{document.body.removeChild(e);}}function q(){let i=useApolloClient();return useCallback(async t=>{let a=t.files?await h(t.files,t):await b(t);return a.length>0&&await r(i,"GetAssets").catch(e=>{console.error("Error refreshing asset lists after upload:",e);}),a},[i])}export{E as a,x as b,q as c};//# sourceMappingURL=chunk-UULO2DWJ.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-UULO2DWJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/graphql-client/use-patch-entity-list.ts","../src/core/upload.ts"],"names":["usePatchEntityList","entityNameOrPlural","schema","useConfig","useCallback","patches","scheduleEntityListPatch","getEntityListQueryName","ACCEPTED_MIME_TYPES","isAcceptedMimeType","file","accept","allowed","pattern","uploadAssetFile","projectId","params","response","apiPaths","data","asset","uploadSelectedFiles","files","options","maxBytes","onUploadStart","validFiles","toast","uploads","error","openFileDialogAndUpload","multiple","input","resolve","useUploadAssets","apolloClient","useApolloClient","scheduleEntityListRefetch"],"mappings":"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","file":"chunk-NOFQHWES.js","sourcesContent":["import { useCallback } from 'react';\nimport { useConfig } from '../core/config/config-context';\nimport {\n getEntityListQueryName,\n scheduleEntityListPatch,\n type EntityListRowPatch,\n} from './refetch-entity-lists';\n\n/**\n * Patch active list rows for an entity without a soft-refetch.\n * Prefer this after mutations that only change row fields (e.g. tag connect/disconnect).\n */\nexport function usePatchEntityList(entityNameOrPlural: string): (patches: EntityListRowPatch[]) => void {\n const { currentProjectSchema: schema } = useConfig();\n\n return useCallback(\n (patches: EntityListRowPatch[]) => {\n if (!schema) {\n return;\n }\n\n scheduleEntityListPatch(getEntityListQueryName(entityNameOrPlural, schema), patches);\n },\n [entityNameOrPlural, schema]\n );\n}\n","import { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { useApolloClient } from '@apollo/client/react';\nimport { apiPaths } from './api-paths';\nimport { scheduleEntityListRefetch } from '../graphql-client/refetch-entity-lists';\nimport type { OrderedAssetValue } from '../graphql-client/types';\n\nexport const ACCEPTED_MIME_TYPES = [\n 'image/jpeg',\n 'image/png',\n 'image/webp',\n 'image/vnd.microsoft.icon',\n 'image/bmp',\n 'image/gif',\n 'image/tiff',\n 'image/svg+xml',\n 'image/avif',\n 'image/heic',\n 'image/heif',\n 'image/heic-sequence',\n 'image/heif-sequence',\n 'image/apng',\n 'audio/aac',\n 'audio/mpeg',\n 'audio/wav',\n 'audio/webm',\n 'audio/midi',\n 'audio/x-midi',\n 'audio/ogg',\n 'video/x-msvideo',\n 'video/mp4',\n 'video/mpeg',\n 'video/webm',\n 'video/quicktime',\n 'video/ogg',\n 'video/mp2t',\n 'video/3gpp',\n 'video/3gpp2',\n 'application/x-7z-compressed',\n 'application/zip',\n 'application/vnd.amazon.ebook',\n 'application/octet-stream',\n 'application/epub+zip',\n 'application/pdf',\n 'application/msword',\n 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n 'application/vnd.ms-fontobject',\n 'application/gzip',\n 'application/x-gzip',\n 'application/java-archive',\n 'application/json',\n 'application/ld+json',\n 'text/javascript',\n 'application/vnd.oasis.opendocument.presentation',\n 'application/vnd.oasis.opendocument.spreadsheet',\n 'application/vnd.oasis.opendocument.text',\n 'application/ogg',\n 'application/vnd.ms-powerpoint',\n 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n 'application/vnd.rar',\n 'application/x-tar',\n 'application/vnd.visio',\n 'application/xhtml+xml',\n 'application/vnd.ms-excel',\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n 'application/xml',\n];\n\nexport type UploadedFileResult = {\n pathname: string;\n lqip?: string;\n size: number;\n mimeType: string;\n originalFilename: string;\n width?: number;\n height?: number;\n};\n\nexport type UploadedAssetResult = UploadedFileResult & {\n asset: OrderedAssetValue;\n _id: string;\n};\n\ntype AssetUploadResponse = {\n _id: string;\n path: string | null;\n mimeType: string | null;\n originalFilename: string | null;\n size: number | null;\n width: number | null;\n height: number | null;\n lqip: string | null;\n sha256: string | null;\n deduped: boolean;\n};\n\nexport type OpenFileDialogAndUploadOptions = {\n projectId: string | undefined;\n accept?: string;\n files?: File[] | FileList;\n multiple?: boolean;\n maxBytes?: number;\n onUploadStart?: () => void;\n};\n\nfunction isAcceptedMimeType(file: File, accept?: string): boolean {\n if (!file.type) {\n return true;\n }\n\n const allowed = accept\n ? accept\n .split(',')\n .map((pattern) => pattern.trim())\n .filter(Boolean)\n : ACCEPTED_MIME_TYPES;\n\n if (allowed.length === 0) {\n return true;\n }\n\n return allowed.some((pattern) => {\n if (pattern.endsWith('/*')) {\n return file.type.startsWith(pattern.slice(0, -1));\n }\n\n return file.type === pattern;\n });\n}\n\n/**\n * Uploads a single file to the one-shot /assets endpoint, which stores the\n * blob and creates the _asset node in a single request.\n */\nexport async function uploadAssetFile(file: File, projectId: string | undefined): Promise<UploadedAssetResult> {\n const params = new URLSearchParams({ filename: file.name });\n const response = await fetch(`${apiPaths(projectId).assets}?${params.toString()}`, {\n method: 'POST',\n headers: { 'Content-Type': file.type || 'application/octet-stream' },\n body: file,\n });\n\n if (!response.ok) {\n throw new Error(`Upload failed for ${file.name}`);\n }\n\n const data = (await response.json()) as AssetUploadResponse;\n const asset: OrderedAssetValue = {\n _id: data._id,\n path: data.path ?? '',\n originalFilename: data.originalFilename ?? file.name,\n size: data.size ?? file.size,\n mimeType: data.mimeType ?? file.type,\n lqip: data.lqip ?? '',\n width: data.width ?? 0,\n height: data.height ?? 0,\n };\n\n return {\n pathname: asset.path,\n lqip: asset.lqip || undefined,\n originalFilename: asset.originalFilename,\n size: asset.size,\n mimeType: asset.mimeType,\n width: asset.width || undefined,\n height: asset.height || undefined,\n _id: asset._id,\n asset,\n };\n}\n\nasync function uploadSelectedFiles(\n files: File[] | FileList,\n options: OpenFileDialogAndUploadOptions\n): Promise<UploadedAssetResult[]> {\n const { projectId, accept, maxBytes = 4 * 1024 * 1024, onUploadStart } = options;\n const validFiles: File[] = [];\n\n for (const file of Array.from(files)) {\n if (file.size > maxBytes) {\n toast.error(`File size too big (max ${(maxBytes / (1024 * 1024)).toFixed(0)}MB): ${file.name}`);\n\n continue;\n }\n\n if (!isAcceptedMimeType(file, accept)) {\n toast.error(`Unsupported file type: ${file.name}`);\n\n continue;\n }\n\n validFiles.push(file);\n }\n\n if (validFiles.length === 0) {\n return [];\n }\n\n onUploadStart?.();\n\n try {\n const uploads = await Promise.all(validFiles.map(async (file) => uploadAssetFile(file, projectId)));\n\n if (uploads.length > 0) {\n toast.success(`Uploaded ${uploads.length} file${uploads.length > 1 ? 's' : ''}`);\n }\n\n return uploads;\n } catch (error) {\n console.error(error);\n toast.error('Upload failed. Please try again.');\n\n return [];\n }\n}\n\n/**\n * Opens a native file picker and uploads selected files to the Flexkit assets\n * endpoint, which also creates an asset node in the database.\n * Returns a list of uploaded file results. Skips files that exceed maxBytes.\n */\nasync function openFileDialogAndUpload(options: OpenFileDialogAndUploadOptions): Promise<UploadedAssetResult[]> {\n const { accept, multiple = true } = options;\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = accept ?? ACCEPTED_MIME_TYPES.join(',');\n input.multiple = multiple;\n input.style.display = 'none';\n document.body.appendChild(input);\n\n try {\n const files = await new Promise<FileList | null>((resolve) => {\n input.addEventListener('change', () => resolve(input.files), { once: true });\n input.addEventListener('cancel', () => resolve(null), { once: true });\n input.click();\n });\n\n if (!files || files.length === 0) {\n return [];\n }\n\n return uploadSelectedFiles(files, options);\n } finally {\n document.body.removeChild(input);\n }\n}\n\nexport function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedAssetResult[]> {\n const apolloClient = useApolloClient();\n\n return useCallback(\n async (options: OpenFileDialogAndUploadOptions) => {\n const uploads = options.files\n ? await uploadSelectedFiles(options.files, options)\n : await openFileDialogAndUpload(options);\n\n if (uploads.length > 0) {\n // Upload is outside Apollo; soft-refresh mounted asset lists via useEntityQuery.\n await scheduleEntityListRefetch(apolloClient, 'GetAssets').catch((error: unknown) => {\n console.error('Error refreshing asset lists after upload:', error);\n });\n }\n\n return uploads;\n },\n [apolloClient]\n );\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/graphql-client/use-patch-entity-list.ts","../src/core/upload.ts"],"names":["usePatchEntityList","entityNameOrPlural","schema","useConfig","useCallback","patches","scheduleEntityListPatch","getEntityListQueryName","ACCEPTED_MIME_TYPES","isAcceptedMimeType","file","accept","allowed","pattern","uploadAssetFile","projectId","params","response","apiPaths","data","asset","uploadSelectedFiles","files","options","maxBytes","onUploadStart","validFiles","toast","uploads","error","openFileDialogAndUpload","multiple","input","resolve","useUploadAssets","apolloClient","useApolloClient","scheduleEntityListRefetch"],"mappings":"yPAYO,SAASA,EAAmBC,CAAAA,CAAqE,CACtG,GAAM,CAAE,oBAAA,CAAsBC,CAAO,CAAA,CAAIC,CAAAA,GAEzC,OAAOC,WAAAA,CACJC,CAAAA,EAAkC,CAC5BH,CAAAA,EAILI,GAAAA,CAAwBC,CAAAA,CAAuBN,CAAAA,CAAoBC,CAAM,CAAA,CAAGG,CAAO,EACrF,CAAA,CACA,CAACJ,CAAAA,CAAoBC,CAAM,CAC7B,CACF,CClBO,IAAMM,CAAAA,CAAsB,CACjC,YAAA,CACA,YACA,YAAA,CACA,0BAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,YAAA,CACA,YAAA,CACA,aACA,qBAAA,CACA,qBAAA,CACA,YAAA,CACA,WAAA,CACA,YAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,eACA,WAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,YAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,aACA,aAAA,CACA,6BAAA,CACA,iBAAA,CACA,8BAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,oBAAA,CACA,0EACA,+BAAA,CACA,kBAAA,CACA,oBAAA,CACA,0BAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,iDAAA,CACA,iDACA,yCAAA,CACA,iBAAA,CACA,+BAAA,CACA,2EAAA,CACA,qBAAA,CACA,mBAAA,CACA,uBAAA,CACA,uBAAA,CACA,2BACA,mEAAA,CACA,iBACF,CAAA,CAuCA,SAASC,CAAAA,CAAmBC,CAAAA,CAAYC,CAAAA,CAA0B,CAChE,GAAI,CAACD,CAAAA,CAAK,IAAA,CACR,OAAO,KAAA,CAGT,IAAME,CAAAA,CAAUD,CAAAA,CACZA,EACG,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAKE,CAAAA,EAAYA,CAAAA,CAAQ,IAAA,EAAM,EAC/B,MAAA,CAAO,OAAO,CAAA,CACjBL,CAAAA,CAEJ,OAAII,CAAAA,CAAQ,MAAA,GAAW,CAAA,CACd,KAGFA,CAAAA,CAAQ,IAAA,CAAMC,CAAAA,EACfA,CAAAA,CAAQ,QAAA,CAAS,IAAI,CAAA,CAChBH,CAAAA,CAAK,KAAK,UAAA,CAAWG,CAAAA,CAAQ,KAAA,CAAM,CAAA,CAAG,EAAE,CAAC,CAAA,CAG3CH,CAAAA,CAAK,OAASG,CACtB,CACH,CAMA,eAAsBC,CAAAA,CAAgBJ,CAAAA,CAAYK,CAAAA,CAA6D,CAC7G,IAAMC,CAAAA,CAAS,IAAI,eAAA,CAAgB,CAAE,QAAA,CAAUN,CAAAA,CAAK,IAAK,CAAC,EACpDO,GAAAA,CAAW,MAAM,KAAA,CAAM,CAAA,EAAGC,CAAAA,CAASH,CAAS,CAAA,CAAE,MAAM,IAAIC,CAAAA,CAAO,QAAA,EAAU,CAAA,CAAA,CAAI,CACjF,MAAA,CAAQ,MAAA,CACR,OAAA,CAAS,CAAE,cAAA,CAAgBN,CAAAA,CAAK,IAAA,EAAQ,0BAA2B,CAAA,CACnE,IAAA,CAAMA,CACR,CAAC,EAED,GAAI,CAACO,GAAAA,CAAS,EAAA,CACZ,MAAM,IAAI,KAAA,CAAM,CAAA,kBAAA,EAAqBP,EAAK,IAAI,CAAA,CAAE,CAAA,CAGlD,IAAMS,CAAAA,CAAQ,MAAMF,GAAAA,CAAS,IAAA,GACvBG,CAAAA,CAA2B,CAC/B,GAAA,CAAKD,CAAAA,CAAK,GAAA,CACV,IAAA,CAAMA,CAAAA,CAAK,IAAA,EAAQ,GACnB,gBAAA,CAAkBA,CAAAA,CAAK,gBAAA,EAAoBT,CAAAA,CAAK,IAAA,CAChD,IAAA,CAAMS,CAAAA,CAAK,IAAA,EAAQT,EAAK,IAAA,CACxB,QAAA,CAAUS,CAAAA,CAAK,QAAA,EAAYT,CAAAA,CAAK,IAAA,CAChC,IAAA,CAAMS,CAAAA,CAAK,MAAQ,EAAA,CACnB,KAAA,CAAOA,CAAAA,CAAK,KAAA,EAAS,CAAA,CACrB,MAAA,CAAQA,CAAAA,CAAK,MAAA,EAAU,CACzB,CAAA,CAEA,OAAO,CACL,QAAA,CAAUC,CAAAA,CAAM,IAAA,CAChB,IAAA,CAAMA,CAAAA,CAAM,MAAQ,MAAA,CACpB,gBAAA,CAAkBA,CAAAA,CAAM,gBAAA,CACxB,IAAA,CAAMA,CAAAA,CAAM,IAAA,CACZ,QAAA,CAAUA,EAAM,QAAA,CAChB,KAAA,CAAOA,CAAAA,CAAM,KAAA,EAAS,MAAA,CACtB,MAAA,CAAQA,CAAAA,CAAM,MAAA,EAAU,OACxB,GAAA,CAAKA,CAAAA,CAAM,GAAA,CACX,KAAA,CAAAA,CACF,CACF,CAEA,eAAeC,EACbC,CAAAA,CACAC,CAAAA,CACgC,CAChC,GAAM,CAAE,SAAA,CAAAR,CAAAA,CAAW,MAAA,CAAAJ,EAAQ,QAAA,CAAAa,CAAAA,CAAW,CAAA,CAAI,IAAA,CAAO,IAAA,CAAM,aAAA,CAAAC,CAAc,CAAA,CAAIF,EACnEG,CAAAA,CAAqB,EAAC,CAE5B,IAAA,IAAWhB,CAAAA,IAAQ,KAAA,CAAM,IAAA,CAAKY,CAAK,EAAG,CACpC,GAAIZ,CAAAA,CAAK,IAAA,CAAOc,CAAAA,CAAU,CACxBG,KAAAA,CAAM,KAAA,CAAM,2BAA2BH,CAAAA,EAAY,IAAA,CAAO,IAAA,CAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,KAAA,EAAQd,CAAAA,CAAK,IAAI,CAAA,CAAE,CAAA,CAE9F,QACF,CAEA,GAAI,CAACD,CAAAA,CAAmBC,CAAAA,CAAMC,CAAM,CAAA,CAAG,CACrCgB,KAAAA,CAAM,KAAA,CAAM,CAAA,uBAAA,EAA0BjB,CAAAA,CAAK,IAAI,CAAA,CAAE,EAEjD,QACF,CAEAgB,CAAAA,CAAW,IAAA,CAAKhB,CAAI,EACtB,CAEA,GAAIgB,EAAW,MAAA,GAAW,CAAA,CACxB,OAAO,EAAC,CAGVD,CAAAA,IAAgB,CAEhB,GAAI,CACF,IAAMG,CAAAA,CAAU,MAAM,OAAA,CAAQ,GAAA,CAAIF,CAAAA,CAAW,GAAA,CAAI,MAAOhB,GAASI,CAAAA,CAAgBJ,CAAAA,CAAMK,CAAS,CAAC,CAAC,CAAA,CAElG,OAAIa,CAAAA,CAAQ,OAAS,CAAA,EACnBD,KAAAA,CAAM,OAAA,CAAQ,CAAA,SAAA,EAAYC,CAAAA,CAAQ,MAAM,CAAA,KAAA,EAAQA,CAAAA,CAAQ,OAAS,CAAA,CAAI,GAAA,CAAM,EAAE,CAAA,CAAE,CAAA,CAG1EA,CACT,CAAA,MAASC,CAAAA,CAAO,CACd,OAAA,OAAA,CAAQ,KAAA,CAAMA,CAAK,CAAA,CACnBF,KAAAA,CAAM,KAAA,CAAM,kCAAkC,CAAA,CAEvC,EACT,CACF,CAOA,eAAeG,CAAAA,CAAwBP,CAAAA,CAAyE,CAC9G,GAAM,CAAE,MAAA,CAAAZ,CAAAA,CAAQ,QAAA,CAAAoB,CAAAA,CAAW,IAAK,CAAA,CAAIR,CAAAA,CAC9BS,CAAAA,CAAQ,SAAS,aAAA,CAAc,OAAO,CAAA,CAC5CA,CAAAA,CAAM,IAAA,CAAO,MAAA,CACbA,CAAAA,CAAM,MAAA,CAASrB,GAAUH,CAAAA,CAAoB,IAAA,CAAK,GAAG,CAAA,CACrDwB,CAAAA,CAAM,QAAA,CAAWD,CAAAA,CACjBC,CAAAA,CAAM,MAAM,OAAA,CAAU,MAAA,CACtB,QAAA,CAAS,IAAA,CAAK,WAAA,CAAYA,CAAK,CAAA,CAE/B,GAAI,CACF,IAAMV,CAAAA,CAAQ,MAAM,IAAI,OAAA,CAA0BW,CAAAA,EAAY,CAC5DD,CAAAA,CAAM,iBAAiB,QAAA,CAAU,IAAMC,CAAAA,CAAQD,CAAAA,CAAM,KAAK,CAAA,CAAG,CAAE,IAAA,CAAM,EAAK,CAAC,CAAA,CAC3EA,CAAAA,CAAM,gBAAA,CAAiB,QAAA,CAAU,IAAMC,CAAAA,CAAQ,IAAI,EAAG,CAAE,IAAA,CAAM,CAAA,CAAK,CAAC,CAAA,CACpED,CAAAA,CAAM,KAAA,GACR,CAAC,CAAA,CAED,OAAI,CAACV,CAAAA,EAASA,CAAAA,CAAM,MAAA,GAAW,CAAA,CACtB,GAGFD,CAAAA,CAAoBC,CAAAA,CAAOC,CAAO,CAC3C,CAAA,OAAE,CACA,QAAA,CAAS,IAAA,CAAK,YAAYS,CAAK,EACjC,CACF,CAEO,SAASE,CAAAA,EAA+F,CAC7G,IAAMC,EAAeC,eAAAA,EAAgB,CAErC,OAAOhC,WAAAA,CACL,MAAOmB,CAAAA,EAA4C,CACjD,IAAMK,EAAUL,CAAAA,CAAQ,KAAA,CACpB,MAAMF,CAAAA,CAAoBE,CAAAA,CAAQ,KAAA,CAAOA,CAAO,CAAA,CAChD,MAAMO,CAAAA,CAAwBP,CAAO,CAAA,CAEzC,OAAIK,CAAAA,CAAQ,MAAA,CAAS,CAAA,EAEnB,MAAMS,EAA0BF,CAAAA,CAAc,WAAW,CAAA,CAAE,KAAA,CAAON,CAAAA,EAAmB,CACnF,OAAA,CAAQ,KAAA,CAAM,6CAA8CA,CAAK,EACnE,CAAC,CAAA,CAGID,CACT,CAAA,CACA,CAACO,CAAY,CACf,CACF","file":"chunk-UULO2DWJ.js","sourcesContent":["import { useCallback } from 'react';\nimport { useConfig } from '../core/config/config-context';\nimport {\n getEntityListQueryName,\n scheduleEntityListPatch,\n type EntityListRowPatch,\n} from './refetch-entity-lists';\n\n/**\n * Patch active list rows for an entity without a soft-refetch.\n * Prefer this after mutations that only change row fields (e.g. tag connect/disconnect).\n */\nexport function usePatchEntityList(entityNameOrPlural: string): (patches: EntityListRowPatch[]) => void {\n const { currentProjectSchema: schema } = useConfig();\n\n return useCallback(\n (patches: EntityListRowPatch[]) => {\n if (!schema) {\n return;\n }\n\n scheduleEntityListPatch(getEntityListQueryName(entityNameOrPlural, schema), patches);\n },\n [entityNameOrPlural, schema]\n );\n}\n","import { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { useApolloClient } from '@apollo/client/react';\nimport { apiPaths } from './api-paths';\nimport { scheduleEntityListRefetch } from '../graphql-client/refetch-entity-lists';\nimport type { OrderedAssetValue } from '../graphql-client/types';\n\nexport const ACCEPTED_MIME_TYPES = [\n 'image/jpeg',\n 'image/png',\n 'image/webp',\n 'image/vnd.microsoft.icon',\n 'image/bmp',\n 'image/gif',\n 'image/tiff',\n 'image/svg+xml',\n 'image/avif',\n 'image/heic',\n 'image/heif',\n 'image/heic-sequence',\n 'image/heif-sequence',\n 'image/apng',\n 'audio/aac',\n 'audio/mpeg',\n 'audio/wav',\n 'audio/webm',\n 'audio/midi',\n 'audio/x-midi',\n 'audio/ogg',\n 'video/x-msvideo',\n 'video/mp4',\n 'video/mpeg',\n 'video/webm',\n 'video/quicktime',\n 'video/ogg',\n 'video/mp2t',\n 'video/3gpp',\n 'video/3gpp2',\n 'application/x-7z-compressed',\n 'application/zip',\n 'application/vnd.amazon.ebook',\n 'application/octet-stream',\n 'application/epub+zip',\n 'application/pdf',\n 'application/msword',\n 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n 'application/vnd.ms-fontobject',\n 'application/gzip',\n 'application/x-gzip',\n 'application/java-archive',\n 'application/json',\n 'application/ld+json',\n 'text/javascript',\n 'application/vnd.oasis.opendocument.presentation',\n 'application/vnd.oasis.opendocument.spreadsheet',\n 'application/vnd.oasis.opendocument.text',\n 'application/ogg',\n 'application/vnd.ms-powerpoint',\n 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n 'application/vnd.rar',\n 'application/x-tar',\n 'application/vnd.visio',\n 'application/xhtml+xml',\n 'application/vnd.ms-excel',\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n 'application/xml',\n];\n\nexport type UploadedFileResult = {\n pathname: string;\n lqip?: string;\n size: number;\n mimeType: string;\n originalFilename: string;\n width?: number;\n height?: number;\n};\n\nexport type UploadedAssetResult = UploadedFileResult & {\n asset: OrderedAssetValue;\n _id: string;\n};\n\ntype AssetUploadResponse = {\n _id: string;\n path: string | null;\n mimeType: string | null;\n originalFilename: string | null;\n size: number | null;\n width: number | null;\n height: number | null;\n lqip: string | null;\n sha256: string | null;\n deduped: boolean;\n};\n\nexport type OpenFileDialogAndUploadOptions = {\n projectId: string | undefined;\n accept?: string;\n files?: File[] | FileList;\n multiple?: boolean;\n maxBytes?: number;\n onUploadStart?: () => void;\n};\n\nfunction isAcceptedMimeType(file: File, accept?: string): boolean {\n if (!file.type) {\n return true;\n }\n\n const allowed = accept\n ? accept\n .split(',')\n .map((pattern) => pattern.trim())\n .filter(Boolean)\n : ACCEPTED_MIME_TYPES;\n\n if (allowed.length === 0) {\n return true;\n }\n\n return allowed.some((pattern) => {\n if (pattern.endsWith('/*')) {\n return file.type.startsWith(pattern.slice(0, -1));\n }\n\n return file.type === pattern;\n });\n}\n\n/**\n * Uploads a single file to the one-shot /assets endpoint, which stores the\n * blob and creates the _asset node in a single request.\n */\nexport async function uploadAssetFile(file: File, projectId: string | undefined): Promise<UploadedAssetResult> {\n const params = new URLSearchParams({ filename: file.name });\n const response = await fetch(`${apiPaths(projectId).assets}?${params.toString()}`, {\n method: 'POST',\n headers: { 'Content-Type': file.type || 'application/octet-stream' },\n body: file,\n });\n\n if (!response.ok) {\n throw new Error(`Upload failed for ${file.name}`);\n }\n\n const data = (await response.json()) as AssetUploadResponse;\n const asset: OrderedAssetValue = {\n _id: data._id,\n path: data.path ?? '',\n originalFilename: data.originalFilename ?? file.name,\n size: data.size ?? file.size,\n mimeType: data.mimeType ?? file.type,\n lqip: data.lqip ?? '',\n width: data.width ?? 0,\n height: data.height ?? 0,\n };\n\n return {\n pathname: asset.path,\n lqip: asset.lqip || undefined,\n originalFilename: asset.originalFilename,\n size: asset.size,\n mimeType: asset.mimeType,\n width: asset.width || undefined,\n height: asset.height || undefined,\n _id: asset._id,\n asset,\n };\n}\n\nasync function uploadSelectedFiles(\n files: File[] | FileList,\n options: OpenFileDialogAndUploadOptions\n): Promise<UploadedAssetResult[]> {\n const { projectId, accept, maxBytes = 4 * 1024 * 1024, onUploadStart } = options;\n const validFiles: File[] = [];\n\n for (const file of Array.from(files)) {\n if (file.size > maxBytes) {\n toast.error(`File size too big (max ${(maxBytes / (1024 * 1024)).toFixed(0)}MB): ${file.name}`);\n\n continue;\n }\n\n if (!isAcceptedMimeType(file, accept)) {\n toast.error(`Unsupported file type: ${file.name}`);\n\n continue;\n }\n\n validFiles.push(file);\n }\n\n if (validFiles.length === 0) {\n return [];\n }\n\n onUploadStart?.();\n\n try {\n const uploads = await Promise.all(validFiles.map(async (file) => uploadAssetFile(file, projectId)));\n\n if (uploads.length > 0) {\n toast.success(`Uploaded ${uploads.length} file${uploads.length > 1 ? 's' : ''}`);\n }\n\n return uploads;\n } catch (error) {\n console.error(error);\n toast.error('Upload failed. Please try again.');\n\n return [];\n }\n}\n\n/**\n * Opens a native file picker and uploads selected files to the Flexkit assets\n * endpoint, which also creates an asset node in the database.\n * Returns a list of uploaded file results. Skips files that exceed maxBytes.\n */\nasync function openFileDialogAndUpload(options: OpenFileDialogAndUploadOptions): Promise<UploadedAssetResult[]> {\n const { accept, multiple = true } = options;\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = accept ?? ACCEPTED_MIME_TYPES.join(',');\n input.multiple = multiple;\n input.style.display = 'none';\n document.body.appendChild(input);\n\n try {\n const files = await new Promise<FileList | null>((resolve) => {\n input.addEventListener('change', () => resolve(input.files), { once: true });\n input.addEventListener('cancel', () => resolve(null), { once: true });\n input.click();\n });\n\n if (!files || files.length === 0) {\n return [];\n }\n\n return uploadSelectedFiles(files, options);\n } finally {\n document.body.removeChild(input);\n }\n}\n\nexport function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedAssetResult[]> {\n const apolloClient = useApolloClient();\n\n return useCallback(\n async (options: OpenFileDialogAndUploadOptions) => {\n const uploads = options.files\n ? await uploadSelectedFiles(options.files, options)\n : await openFileDialogAndUpload(options);\n\n if (uploads.length > 0) {\n // Upload is outside Apollo; soft-refresh mounted asset lists via useEntityQuery.\n await scheduleEntityListRefetch(apolloClient, 'GetAssets').catch((error: unknown) => {\n console.error('Error refreshing asset lists after upload:', error);\n });\n }\n\n return uploads;\n },\n [apolloClient]\n );\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import'./index.css';import {h}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import'./index.css';import {h}from'./chunk-TYDYAOQ7.js';function n(e){return e?e!=="viewer":true}function r(){let[,e]=h();return n(e.user?.role)}export{n as a,r as b};//# sourceMappingURL=chunk-V64P56OA.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-V64P56OA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/core/permissions.ts"],"names":["canMutateData","role","useCanMutate","auth","useAuth"],"mappings":"wDAWO,SAASA,CAAAA,CAAcC,CAAAA,CAA0C,CACtE,OAAKA,CAAAA,CAIEA,IAAS,QAAA,CAHP,IAIX,CAEO,SAASC,CAAAA,EAAwB,CACtC,GAAM,EAAGC,CAAI,CAAA,CAAIC,CAAAA,EAAQ,CAEzB,OAAOJ,CAAAA,CAAcG,CAAAA,CAAK,IAAA,EAAM,IAAI,CACtC","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/core/permissions.ts"],"names":["canMutateData","role","useCanMutate","auth","useAuth"],"mappings":"wDAWO,SAASA,CAAAA,CAAcC,CAAAA,CAA0C,CACtE,OAAKA,CAAAA,CAIEA,IAAS,QAAA,CAHP,IAIX,CAEO,SAASC,CAAAA,EAAwB,CACtC,GAAM,EAAGC,CAAI,CAAA,CAAIC,CAAAA,EAAQ,CAEzB,OAAOJ,CAAAA,CAAcG,CAAAA,CAAK,IAAA,EAAM,IAAI,CACtC","file":"chunk-V64P56OA.js","sourcesContent":["'use client';\n\nimport { useAuth } from '../auth/auth-context';\n\n/**\n * Viewers are read-only: the GraphQL route and the automations API reject\n * their mutations server-side. This helper only mirrors that rule in the UI\n * so restricted actions render as disabled instead of failing on submit.\n * While the role is still unknown (auth loading) actions stay enabled and\n * the server remains the source of truth.\n */\nexport function canMutateData(role: string | null | undefined): boolean {\n if (!role) {\n return true;\n }\n\n return role !== 'viewer';\n}\n\nexport function useCanMutate(): boolean {\n const [, auth] = useAuth();\n\n return canMutateData(auth.user?.role);\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import'./index.css';import {f,b as b$3,d as d$1}from'./chunk-CKNFYN3O.js';import {f as f$1}from'./chunk-LN55VJ35.js';import {N,ga,ha,ia,Rc,Tc,oa,s,p,q,r}from'./chunk-YCCFUGWJ.js';import {w,b as b$2}from'./chunk-32ZU4MLE.js';import {e,g,h,i,j,t,d,a,b as b$4,c as c$1,o}from'./chunk-SZEGGBOC.js';import {b as b$1,c,e as e$1}from'./chunk-USNXQOMJ.js';import {b}from'./chunk-6NRQMG26.js';import {useState,useMemo,useRef,useEffect}from'react';import {useNavigate,useLocation,useParams,Link}from'react-router-dom';import V,{useSWRConfig}from'swr';import {Plug,ArrowLeft,ExternalLink,RefreshCw,ChevronLeft,ChevronRight,Plus,CheckIcon,XIcon,MoreHorizontal,TriangleAlert}from'lucide-react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var ye="/plugins/oauth/start",M=class extends Error{code="account_mismatch";constructor(){super('You signed in with a different account. Use "Connect another account" to add it.'),this.name="PluginAccountMismatchError";}};function fe(n){let t;try{t=new URL(n);}catch{return null}return t.protocol!=="https:"||t.username!==""||t.password!==""?null:t}function Ce(n,t){let a=b$3(),s=fe(n),i=fe(t);return !s||!i||s.origin!==a||s.pathname!==ye||i.origin!==a||i.pathname!=="/"?null:{href:s.href,origin:a}}async function U(n,t,a,s){let i=window.open("about:blank",`flexkit-plugin-${crypto.randomUUID()}`,"popup,width=560,height=720");if(!i)throw new Error("Allow popups for Studio, then connect again.");let r;try{r=await n.connectPlugins({pluginId:t,scope:a,studioOrigin:window.location.origin,...s?.connectionId?{connectionId:s.connectionId}:{}});}catch(p){throw i.close(),p}let d=Ce(r.authorizeUrl,r.completionOrigin);if(!d)throw i.close(),new Error("Connection could not be started.");let c=d.origin;await new Promise((p,x)=>{let l=false,w=false,u=m=>{if(!w){if(w=true,window.clearInterval(f),window.clearTimeout(k),window.removeEventListener("message",N),i.close(),m){x(m);return}p();}},g=async()=>{if(l||w)return;l=true;let m;try{m=await n.pluginOAuthStatus(r.transactionId);}catch{l=false;return}if(l=false,m.status==="complete"){u();return}if(i.closed&&m.status==="pending"){u(new Error("Connection window was closed."));return}(m.status==="failed"||new Date(m.expires_at).getTime()<Date.now())&&u(new Error("Connection was not completed. Please try again."));},N=m=>{if(m.origin!==c||m.source!==i||!m.data||typeof m.data!="object")return;let v=m.data;if(v.type==="flexkit:plugin-oauth-ready"&&v.transactionId===r.transactionId){i.postMessage({type:"flexkit:plugin-oauth-start",transactionId:r.transactionId,ticket:r.launchTicket},c);return}if(v.type==="flexkit:plugin-oauth"&&v.transactionId===r.transactionId){if(v.status==="failed"&&v.error==="account_mismatch"){u(new M);return}g();}},f=window.setInterval(()=>{g();},2e3),k=window.setTimeout(()=>u(new Error("Connection timed out. Please try again.")),6e5);window.addEventListener("message",N),i.location.href=d.href;});}function Ue(n){let t;try{t=new URL(n);}catch{return null}return t.protocol!=="https:"||t.username!==""||t.password!==""?null:t.href}function be(){let{currentProjectId:n}=f$1();return {api:useMemo(()=>n?d$1(n):null,[n]),base:n?`/api/flexkit/${n}`:null}}function $e(n){return n.length===2?"Project & Personal":n[0]==="project"?"Project":"Personal"}function je(n){return n.length===2?"fk:bg-indigo-100 fk:text-indigo-800 fk:dark:bg-indigo-950 fk:dark:text-indigo-300":n[0]==="project"?"fk:bg-sky-100 fk:text-sky-800 fk:dark:bg-sky-950 fk:dark:text-sky-300":"fk:bg-teal-100 fk:text-teal-800 fk:dark:bg-teal-950 fk:dark:text-teal-300"}function D(n){return n.connections.length>0}function _e(n){return n==="project"?"Project":"Personal"}function $(n,t,a){return a==="personal"?n.allowPersonal:t}function Ne(n,t){return n.connections.filter(a=>a.scope===t).sort((a,s)=>Number(s.isPrimary)-Number(a.isPrimary)||a.createdAt.localeCompare(s.createdAt))}function Be(n){let t=n.connections.filter(a=>a.isPrimary&&a.status==="connected");return t.find(a=>a.scope==="personal")??t.find(a=>a.scope==="project")??null}function We({busy:n,canManage:t,plugin:a,onConnect:s}){let i$1=a.scopes.filter(c=>Ne(a,c).length===0),[r]=i$1;if(!r)return null;if(a.scopes.length===1)return jsxs(b,{disabled:n||!a.enabled||!$(a,t,r),size:"sm",type:"button",onClick:()=>s(r),children:[jsx(Plug,{}),"Connect"]});let d=i$1.some(c=>$(a,t,c));return jsxs(e,{children:[jsx(g,{asChild:true,children:jsxs(b,{disabled:n||!a.enabled||!d,size:"sm",type:"button",children:[jsx(Plug,{}),"Connect"]})}),jsx(h,{align:"end",className:"fk:w-72",children:jsx(i,{children:i$1.map(c=>jsx(j,{disabled:!$(a,t,c),onSelect:()=>s(c),children:jsxs("span",{className:"fk:flex fk:flex-col fk:gap-0.5",children:[jsx("span",{children:_e(c)}),jsx("span",{className:"fk:text-xs fk:text-muted-foreground",children:c==="personal"?"Only you can use this connection in this project.":"Shared with project members who can use this plugin."})]})},c))})})]})}function I(n,t){let a=/^(.*\/ai)(?:\/|$)/.exec(n);return a?`${a[1]}/${t}`:t}function F(n){return n.split(/[\s_-]+/).filter(Boolean).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" ")}function Xe(n){let t={};for(let a of n){let s=t[a.category];if(s){s.push(a);continue}t[a.category]=[a];}return Object.entries(t).sort(([a],[s])=>F(a).localeCompare(F(s))).map(([a,s])=>({category:a,plugins:s}))}var de=[{id:"first",rows:[{descriptionWidth:"fk:w-44",id:"first-a",nameWidth:"fk:w-24"},{descriptionWidth:"fk:w-52",id:"first-b",nameWidth:"fk:w-16"},{descriptionWidth:"fk:w-40",id:"first-c",nameWidth:"fk:w-28"},{descriptionWidth:"fk:w-48",id:"first-d",nameWidth:"fk:w-20"}]},{id:"second",rows:[{descriptionWidth:"fk:w-36",id:"second-a",nameWidth:"fk:w-32"},{descriptionWidth:"fk:w-56",id:"second-b",nameWidth:"fk:w-24"}]}];function pe({action:n,row:t$1}){return jsxs("div",{className:"fk:-mx-3 fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:px-3 fk:py-2",children:[jsx(t,{className:"fk:size-10 fk:shrink-0 fk:rounded-lg"}),jsxs("span",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:flex-col fk:gap-1.5",children:[jsx(t,{className:`fk:h-4 ${t$1.nameWidth}`}),jsx(t,{className:`fk:h-4 ${t$1.descriptionWidth}`})]}),n?jsx(t,{className:"fk:size-4 fk:shrink-0"}):null]})}var K="fk:grid fk:grid-cols-1 fk:gap-x-16 fk:gap-y-1 fk:lg:grid-cols-2";function Je({grouped:n=true}){let t$1=de.flatMap(a=>a.rows);return n?jsxs("div",{"aria-busy":"true",className:"fk:flex fk:flex-col fk:gap-8",children:[jsx("span",{className:"fk:sr-only",children:"Loading plugins"}),de.map(a=>jsxs("section",{children:[jsx(t,{className:"fk:mb-1 fk:h-4 fk:w-28"}),jsx("div",{className:K,children:a.rows.map(s=>jsx(pe,{action:true,row:s},s.id))})]},a.id))]}):jsxs("div",{"aria-busy":"true",className:K,children:[jsx("span",{className:"fk:sr-only",children:"Loading plugins"}),t$1.map(a=>jsx(pe,{action:true,row:a},a.id))]})}function Oe(){let n=useNavigate(),{pathname:t}=useLocation(),a=/\/ai\/plugins\/?$/.test(t),s=t.includes("/ai/skills");return jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsx(ga,{value:s?"skills":"plugins",onValueChange:r=>{let d=r==="skills"?"skills":"plugins";(r==="skills"?s:a)||n(I(t,d));},children:jsxs(ha,{children:[jsx(ia,{value:"plugins",onClick:()=>{a||n(I(t,"plugins"));},children:"Plugins"}),jsx(ia,{value:"skills",children:"Skills"})]})})]})}function Ge({onOpen:n,plugin:t}){let a=D(t),s=t.connections.filter(r=>r.status==="needs_auth").length,i=s===1?"An account needs to be reconnected":`${s.toString()} accounts need to be reconnected`;return jsxs("button",{type:"button",onClick:n,className:"fk:-mx-3 fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:rounded-lg fk:px-3 fk:py-2 fk:text-left fk:transition-colors fk:hover:bg-accent fk:focus-visible:bg-accent fk:focus-visible:outline-none fk:corner-squircle",children:[jsx("img",{src:t.logoUrl,alt:"",className:"fk:size-10 fk:shrink-0 fk:rounded-lg fk:corner-squircle"}),jsxs("span",{className:"fk:min-w-0 fk:flex-1",children:[jsx("span",{className:"fk:block fk:truncate fk:text-sm fk:font-medium",children:t.name}),jsx("span",{className:"fk:block fk:truncate fk:text-sm fk:text-muted-foreground",children:t.description})]}),s>0?jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsxs("span",{className:"fk:flex fk:shrink-0",children:[jsx(TriangleAlert,{"aria-hidden":true,className:"fk:size-4 fk:text-destructive"}),jsx("span",{className:"fk:sr-only",children:i})]})}),jsx(e$1,{children:i})]}):a?jsx(CheckIcon,{className:"fk:size-4 fk:shrink-0 fk:text-success"}):jsx(Plus,{className:"fk:size-4 fk:shrink-0 fk:text-muted-foreground"})]})}function me({onOpen:n,plugins:t}){return jsx("div",{className:K,children:t.map(a=>jsx(Ge,{plugin:a,onOpen:()=>n(a.id)},a.id))})}function ve({installedOnly:n=false}){let{base:t$1}=be(),{data:a$1,error:s$1,isLoading:i}=V(t$1?`${t$1}/plugins`:null,f),[r,d$1]=useState(""),c=useNavigate(),{pathname:p}=useLocation(),x=r.trim().toLowerCase(),l=(a$1?.plugins??[]).filter(k=>(!n||D(k))&&`${k.name} ${k.description}`.toLowerCase().includes(x)),w$1=(a$1?.plugins??[]).filter(D),u=n?[]:Xe(l),g="Plugins are being prepared. Check back soon.";n&&!x?g="No plugins installed yet.":(a$1?.catalogSha||n)&&(g="No plugins match your search.");function N(k){c(I(p,`plugins/${k}`));}let f$1=jsx("div",{className:"fk:flex fk:flex-col fk:gap-8",children:u.map(k=>jsxs("section",{children:[jsx("h3",{className:"fk:mb-1 fk:text-sm fk:font-medium",children:F(k.category)}),jsx(me,{plugins:k.plugins,onOpen:N})]},k.category))});return n&&(f$1=jsx(me,{plugins:l,onOpen:N})),(i||s$1||l.length===0)&&(f$1=null),jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsx(Oe,{}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsxs("div",{children:[jsx("h2",{className:"fk:text-2xl fk:font-semibold",children:"Plugins"}),jsx("p",{className:"fk:mt-2 fk:text-muted-foreground",children:"Connect the tools you use and add skills to your workflows."})]}),jsxs("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-3",children:[jsx(s,{"aria-label":"Search plugins",className:"fk:mr-auto fk:w-full fk:max-w-xs",placeholder:"Search plugins\u2026",value:r,onChange:k=>d$1(k.target.value)}),!n&&i?jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx("div",{className:"fk:flex fk:-space-x-2",children:["installed-a","installed-b","installed-c"].map(k=>jsx(t,{className:"fk:size-8 fk:rounded-md fk:ring-2 fk:ring-background"},k))}),jsx(t,{className:"fk:h-4 fk:w-20"})]}):null,!n&&!i&&w$1.length>0?jsx(d,{children:w$1.slice(0,9).map(k=>jsxs(a,{className:"fk:rounded-md",children:[jsx(b$4,{src:k.logoUrl,alt:""}),jsx(c$1,{children:k.name.charAt(0)})]},k.id))}):null,n?jsxs(Link,{to:I(p,"plugins"),className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground fk:hover:text-foreground",children:[jsx(ChevronLeft,{className:"fk:size-4"}),"Show all"]}):null,!n&&!i?jsxs(Link,{to:I(p,"plugins/installed"),className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground fk:hover:text-foreground",children:[w$1.length," installed",jsx(ChevronRight,{className:"fk:size-4"})]}):null]}),s$1?jsx(Rc,{variant:"destructive",children:jsx(Tc,{children:"Unable to load plugins. Please try again."})}):null,i?jsx(Je,{grouped:!n}):null,!i&&!s$1&&l.length===0?jsx(Rc,{children:jsx(Tc,{children:g})}):null,f$1]})})]})}function fn(){return jsx(ve,{})}function cn(){return jsx(ve,{installedOnly:true})}function He({base:n,connectionId:t$1}){let{data:a,error:s}=V(`${n}/plugin-connections/${t$1}/tools`,f);return s?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Unable to discover tools. Reconnect or try again."}):a?jsx("div",{className:"fk:flex fk:flex-col fk:gap-3",children:a.servers.map(i=>jsxs("section",{className:"fk:flex fk:flex-col fk:gap-2",children:[jsx("h4",{className:"fk:font-medium",children:i.name}),i.error?jsx("p",{children:i.error}):null,i.tools.length>0?jsxs(p,{className:"fk:group",children:[jsxs(q,{className:"fk:flex fk:w-fit fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground",children:[jsx(ChevronRight,{className:"fk:size-4 fk:transition-transform fk:group-data-[state=open]:rotate-90"}),qe(i.tools.length)]}),jsx(r,{children:jsx("ul",{className:"fk:mt-2 fk:flex fk:flex-col fk:gap-2",children:i.tools.map(r=>jsxs("li",{children:[jsx("span",{className:"fk:text-sm fk:font-medium",children:r.name}),jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:r.description})]},r.name))})})]}):null]},i.name))}):jsx(t,{className:"fk:h-12 fk:w-full"})}function qe(n){return n===1?"1 tool":`${n.toString()} tools`}function Fe(n){return n.accountName&&n.accountName!==n.displayName?n.accountName:n.scope==="project"?"Shared with this project":"Only you can use this account"}function Ke({actionable:n,actions:t,busy:a$1,connection:s$1,pluginEnabled:i$1}){let[r,d]=useState(false),[c,p]=useState(""),x=useRef(null),l=s$1.status==="needs_auth",w=async()=>{let u=c.trim();await t.onRename(s$1,u||null),d(false);};return useEffect(()=>{if(!r)return;let u=window.setTimeout(()=>x.current?.focus(),0);return ()=>window.clearTimeout(u)},[r]),jsxs("li",{className:"fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:py-2",children:[jsx(a,{className:"fk:size-8",children:jsx(c$1,{children:s$1.displayName.charAt(0).toUpperCase()})}),r?jsxs("form",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:items-center fk:gap-2",onSubmit:u=>{u.preventDefault(),w();},children:[jsx(s,{"aria-label":"Account name",ref:x,className:"fk:h-8 fk:max-w-xs",disabled:a$1,placeholder:s$1.accountName??"Account name",value:c,onChange:u=>p(u.target.value),onKeyDown:u=>{u.key==="Escape"&&d(false);}}),jsx(b,{"aria-label":"Save name",disabled:a$1,size:"icon",type:"submit",variant:"ghost",children:jsx(CheckIcon,{})}),jsx(b,{"aria-label":"Cancel rename",size:"icon",type:"button",variant:"ghost",onClick:()=>d(false),children:jsx(XIcon,{})})]}):jsxs("span",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:flex-col",children:[jsxs("span",{className:"fk:flex fk:min-w-0 fk:items-center fk:gap-2",children:[jsx("span",{className:"fk:truncate fk:text-sm fk:font-medium",children:s$1.displayName}),s$1.isPrimary?jsx(b$2,{variant:"secondary",children:"Primary"}):null,l?jsx(b$2,{variant:"destructive",children:"Needs reconnect"}):null]}),jsx("span",{className:"fk:truncate fk:text-sm fk:text-muted-foreground",children:Fe(s$1)})]}),n&&!r?jsxs(e,{children:[jsx(g,{asChild:true,children:jsx(b,{"aria-label":`Manage ${s$1.displayName}`,disabled:a$1,size:"icon",variant:"ghost",children:jsx(MoreHorizontal,{})})}),jsxs(h,{align:"end",children:[jsxs(i,{children:[!s$1.isPrimary&&!l?jsx(j,{onSelect:()=>t.onMakePrimary(s$1),children:"Make primary"}):null,jsx(j,{onSelect:()=>{p(s$1.label??""),d(true);},children:"Rename"}),jsx(j,{disabled:!i$1,onSelect:()=>t.onReconnect(s$1),children:"Reconnect"})]}),jsx(o,{}),jsx(j,{variant:"destructive",onSelect:()=>t.onDisconnect(s$1),children:"Disconnect"})]})]}):null]})}function Ye({actions:n,busy:t,canManage:a,onConnect:s,plugin:i}){let r=i.scopes.length>1;return jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Connected accounts"}),i.scopes.map(d=>{let c=Ne(i,d),p=$(i,a,d),x=d==="personal"||a;return c.length===0&&!p?null:jsxs("div",{className:"fk:flex fk:flex-col",children:[r?jsx("h3",{className:"fk:text-sm fk:font-medium fk:text-muted-foreground",children:d==="project"?"Project accounts":"Your accounts"}):null,jsxs("ul",{className:"fk:flex fk:flex-col fk:divide-y",children:[c.map(l=>jsx(Ke,{actionable:x,actions:n,busy:t,connection:l,pluginEnabled:i.enabled},l.id)),p?jsx("li",{children:jsxs("button",{className:"fk:flex fk:w-full fk:items-center fk:gap-3 fk:py-2 fk:text-left fk:text-sm fk:text-muted-foreground fk:transition-colors fk:hover:text-foreground fk:disabled:pointer-events-none fk:disabled:opacity-50",disabled:t||!i.enabled,type:"button",onClick:()=>s(d),children:[jsx("span",{className:"fk:flex fk:size-8 fk:shrink-0 fk:items-center fk:justify-center fk:rounded-full fk:border fk:border-dashed",children:jsx(Plus,{className:"fk:size-4"})}),c.length>0?"Connect another account":"Connect an account"]})}):null]})]},d)})]})}function un(){let{pluginId:n}=useParams(),{api:t$1,base:a}=be(),{data:s,error:i,mutate:r}=V(a&&n?`${a}/plugins/${n}`:null,f),{mutate:d}=useSWRConfig(),c$1=useNavigate(),[p,x]=useState(false),l=s?.plugin,w$1=l?Ue(l.sourceUrl):null,u=async f=>{x(true);try{await f(),await r();}catch(k){if(k instanceof M){oa.error('You signed in with a different account. Use "Connect another account" to add it.');return}oa.error(k instanceof Error?k.message:"Unable to complete this action.");}finally{x(false);}};if(i)return jsx("div",{className:"fk:p-6",children:jsx(Rc,{variant:"destructive",children:jsx(Tc,{children:"Unable to load this plugin."})})});if(!l||!s||!t$1||!a)return jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsxs(b,{variant:"ghost",size:"sm",onClick:()=>c$1("..",{relative:"path"}),children:[jsx(ArrowLeft,{}),"Plugins"]})]}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{"aria-busy":"true",className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsx("span",{className:"fk:sr-only",children:"Loading plugin"}),jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:items-center fk:gap-4",children:[jsx(t,{className:"fk:size-14 fk:shrink-0 fk:rounded-lg"}),jsx(t,{className:"fk:h-7 fk:w-40"}),jsx(t,{className:"fk:ml-auto fk:h-9 fk:w-28"})]}),jsx(t,{className:"fk:h-4 fk:w-full"}),jsx(t,{className:"fk:h-4 fk:w-2/3"}),jsx(t,{className:"fk:h-6 fk:w-24 fk:rounded-full"})]})]})})]});let g=Be(l),N$1={onDisconnect:f=>{u(()=>t$1.disconnectPlugin(f.id));},onMakePrimary:f=>{u(()=>t$1.updatePluginConnection(f.id,{primary:!0}));},onReconnect:f=>{u(()=>U(t$1,l.id,f.scope,{connectionId:f.id}));},onRename:(f,k)=>u(()=>t$1.updatePluginConnection(f.id,{label:k}))};return jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsxs(b,{variant:"ghost",size:"sm",onClick:()=>c$1("..",{relative:"path"}),children:[jsx(ArrowLeft,{}),"Plugins"]})]}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-4",children:[jsx("img",{src:l.logoUrl,alt:"",className:"fk:size-14 fk:shrink-0 fk:rounded-lg fk:corner-squircle"}),jsxs("div",{className:"fk:flex fk:min-w-0 fk:flex-col fk:gap-0.5",children:[jsx("h1",{className:"fk:text-xl fk:font-semibold",children:l.name}),w$1?jsxs("a",{href:w$1,target:"_blank",rel:"noopener noreferrer",className:"fk:inline-flex fk:w-fit fk:items-center fk:gap-1 fk:text-sm fk:hover:underline fk:text-muted-foreground",children:["View source",jsx(ExternalLink,{className:"fk:size-3"})]}):null]}),jsx("div",{className:"fk:ml-auto fk:flex fk:shrink-0 fk:flex-wrap fk:items-center fk:justify-end fk:gap-2",children:D(l)?null:jsx(We,{busy:p,canManage:s.canManage,plugin:l,onConnect:f=>{u(()=>U(t$1,l.id,f));}})})]}),jsx("p",{className:"fk:text-muted-foreground",children:l.description}),jsx("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-3",children:jsx(b$2,{className:`fk:border-0 fk:text-[0.625rem] fk:leading-4.5 fk:font-normal fk:py-0 fk:px-2 ${je(l.scopes)}`,variant:"default",children:$e(l.scopes)})}),l.scopes.map(f=>(f==="personal"?l.allowPersonal:s.canManage)?null:jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:f==="project"?"Ask an owner or developer to connect.":"Personal connections are disabled by project policy."},f))]}),l.enabled?null:jsx(Rc,{children:jsx(Tc,{children:"This plugin is disabled by project policy."})}),D(l)?jsx(Ye,{actions:N$1,busy:p,canManage:s.canManage,plugin:l,onConnect:f=>{u(()=>U(t$1,l.id,f));}}):null,jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Included tools"}),l.capabilities.agentTools&&g?jsxs(b,{className:"fk:ml-auto",disabled:p,size:"sm",variant:"ghost",onClick:()=>{u(async()=>{await t$1.refreshPluginTools(g.id),await d(`${a}/plugin-connections/${g.id}/tools`);});},children:[jsx(RefreshCw,{}),"Refresh"]}):null]}),l.capabilities.automationDelivery?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Automation delivery to selected channels. This plugin does not expose MCP messaging tools."}):null,l.capabilities.agentTools&&!g?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Connect to discover available tools."}):null,l.capabilities.agentTools&&g?jsxs(Fragment,{children:[jsxs("p",{className:"fk:text-sm fk:text-muted-foreground",children:["Tools \xB7 via ",g.displayName]}),jsx(He,{base:a,connectionId:g.id},g.id)]}):null]}),jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Included skills"}),s.skills.length===0?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"This plugin includes no skills."}):s.skills.map(f=>jsxs("div",{children:[jsx("h3",{className:"fk:font-medium",children:f.name}),jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:f.description})]},f.key))]}),jsxs("section",{className:"fk:space-y-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Used by"}),l.usedBy.length===0?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"No automations visible to you use this plugin yet."}):jsx("ul",{children:l.usedBy.map(f=>jsx("li",{children:jsx(b,{className:"fk:pl-0!",variant:"link",onClick:()=>c$1(`../../automations/${f.id}`,{relative:"path"}),children:f.name})},f.id))})]})]})})]})}export{U as a,We as b,Oe as c,fn as d,cn as e,un as f};//# sourceMappingURL=chunk-J2G4C6I5.js.map
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import'./index.css';import {f,b as b$3,d as d$1}from'./chunk-CKNFYN3O.js';import {f as f$1}from'./chunk-EUGE3XWF.js';import {N,ga,ha,ia,Rc,Tc,oa,s,p,q,r}from'./chunk-YCCFUGWJ.js';import {w,b as b$2}from'./chunk-32ZU4MLE.js';import {e,g,h,i,j,t,d,a,b as b$4,c as c$1,o}from'./chunk-SZEGGBOC.js';import {b as b$1,c,e as e$1}from'./chunk-USNXQOMJ.js';import {b}from'./chunk-6NRQMG26.js';import {useState,useMemo,useRef,useEffect}from'react';import {useNavigate,useLocation,useParams,Link}from'react-router-dom';import V,{useSWRConfig}from'swr';import {Plug,ArrowLeft,ExternalLink,RefreshCw,ChevronLeft,ChevronRight,Plus,CheckIcon,XIcon,MoreHorizontal,TriangleAlert}from'lucide-react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var ye="/plugins/oauth/start",M=class extends Error{code="account_mismatch";constructor(){super('You signed in with a different account. Use "Connect another account" to add it.'),this.name="PluginAccountMismatchError";}};function fe(n){let t;try{t=new URL(n);}catch{return null}return t.protocol!=="https:"||t.username!==""||t.password!==""?null:t}function Ce(n,t){let a=b$3(),s=fe(n),i=fe(t);return !s||!i||s.origin!==a||s.pathname!==ye||i.origin!==a||i.pathname!=="/"?null:{href:s.href,origin:a}}async function U(n,t,a,s){let i=window.open("about:blank",`flexkit-plugin-${crypto.randomUUID()}`,"popup,width=560,height=720");if(!i)throw new Error("Allow popups for Studio, then connect again.");let r;try{r=await n.connectPlugins({pluginId:t,scope:a,studioOrigin:window.location.origin,...s?.connectionId?{connectionId:s.connectionId}:{}});}catch(p){throw i.close(),p}let d=Ce(r.authorizeUrl,r.completionOrigin);if(!d)throw i.close(),new Error("Connection could not be started.");let c=d.origin;await new Promise((p,x)=>{let l=false,w=false,u=m=>{if(!w){if(w=true,window.clearInterval(f),window.clearTimeout(k),window.removeEventListener("message",N),i.close(),m){x(m);return}p();}},g=async()=>{if(l||w)return;l=true;let m;try{m=await n.pluginOAuthStatus(r.transactionId);}catch{l=false;return}if(l=false,m.status==="complete"){u();return}if(i.closed&&m.status==="pending"){u(new Error("Connection window was closed."));return}(m.status==="failed"||new Date(m.expires_at).getTime()<Date.now())&&u(new Error("Connection was not completed. Please try again."));},N=m=>{if(m.origin!==c||m.source!==i||!m.data||typeof m.data!="object")return;let v=m.data;if(v.type==="flexkit:plugin-oauth-ready"&&v.transactionId===r.transactionId){i.postMessage({type:"flexkit:plugin-oauth-start",transactionId:r.transactionId,ticket:r.launchTicket},c);return}if(v.type==="flexkit:plugin-oauth"&&v.transactionId===r.transactionId){if(v.status==="failed"&&v.error==="account_mismatch"){u(new M);return}g();}},f=window.setInterval(()=>{g();},2e3),k=window.setTimeout(()=>u(new Error("Connection timed out. Please try again.")),6e5);window.addEventListener("message",N),i.location.href=d.href;});}function Ue(n){let t;try{t=new URL(n);}catch{return null}return t.protocol!=="https:"||t.username!==""||t.password!==""?null:t.href}function be(){let{currentProjectId:n}=f$1();return {api:useMemo(()=>n?d$1(n):null,[n]),base:n?`/api/flexkit/${n}`:null}}function $e(n){return n.length===2?"Project & Personal":n[0]==="project"?"Project":"Personal"}function je(n){return n.length===2?"fk:bg-indigo-100 fk:text-indigo-800 fk:dark:bg-indigo-950 fk:dark:text-indigo-300":n[0]==="project"?"fk:bg-sky-100 fk:text-sky-800 fk:dark:bg-sky-950 fk:dark:text-sky-300":"fk:bg-teal-100 fk:text-teal-800 fk:dark:bg-teal-950 fk:dark:text-teal-300"}function D(n){return n.connections.length>0}function _e(n){return n==="project"?"Project":"Personal"}function $(n,t,a){return a==="personal"?n.allowPersonal:t}function Ne(n,t){return n.connections.filter(a=>a.scope===t).sort((a,s)=>Number(s.isPrimary)-Number(a.isPrimary)||a.createdAt.localeCompare(s.createdAt))}function Be(n){let t=n.connections.filter(a=>a.isPrimary&&a.status==="connected");return t.find(a=>a.scope==="personal")??t.find(a=>a.scope==="project")??null}function We({busy:n,canManage:t,plugin:a,onConnect:s}){let i$1=a.scopes.filter(c=>Ne(a,c).length===0),[r]=i$1;if(!r)return null;if(a.scopes.length===1)return jsxs(b,{disabled:n||!a.enabled||!$(a,t,r),size:"sm",type:"button",onClick:()=>s(r),children:[jsx(Plug,{}),"Connect"]});let d=i$1.some(c=>$(a,t,c));return jsxs(e,{children:[jsx(g,{asChild:true,children:jsxs(b,{disabled:n||!a.enabled||!d,size:"sm",type:"button",children:[jsx(Plug,{}),"Connect"]})}),jsx(h,{align:"end",className:"fk:w-72",children:jsx(i,{children:i$1.map(c=>jsx(j,{disabled:!$(a,t,c),onSelect:()=>s(c),children:jsxs("span",{className:"fk:flex fk:flex-col fk:gap-0.5",children:[jsx("span",{children:_e(c)}),jsx("span",{className:"fk:text-xs fk:text-muted-foreground",children:c==="personal"?"Only you can use this connection in this project.":"Shared with project members who can use this plugin."})]})},c))})})]})}function I(n,t){let a=/^(.*\/ai)(?:\/|$)/.exec(n);return a?`${a[1]}/${t}`:t}function F(n){return n.split(/[\s_-]+/).filter(Boolean).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" ")}function Xe(n){let t={};for(let a of n){let s=t[a.category];if(s){s.push(a);continue}t[a.category]=[a];}return Object.entries(t).sort(([a],[s])=>F(a).localeCompare(F(s))).map(([a,s])=>({category:a,plugins:s}))}var de=[{id:"first",rows:[{descriptionWidth:"fk:w-44",id:"first-a",nameWidth:"fk:w-24"},{descriptionWidth:"fk:w-52",id:"first-b",nameWidth:"fk:w-16"},{descriptionWidth:"fk:w-40",id:"first-c",nameWidth:"fk:w-28"},{descriptionWidth:"fk:w-48",id:"first-d",nameWidth:"fk:w-20"}]},{id:"second",rows:[{descriptionWidth:"fk:w-36",id:"second-a",nameWidth:"fk:w-32"},{descriptionWidth:"fk:w-56",id:"second-b",nameWidth:"fk:w-24"}]}];function pe({action:n,row:t$1}){return jsxs("div",{className:"fk:-mx-3 fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:px-3 fk:py-2",children:[jsx(t,{className:"fk:size-10 fk:shrink-0 fk:rounded-lg"}),jsxs("span",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:flex-col fk:gap-1.5",children:[jsx(t,{className:`fk:h-4 ${t$1.nameWidth}`}),jsx(t,{className:`fk:h-4 ${t$1.descriptionWidth}`})]}),n?jsx(t,{className:"fk:size-4 fk:shrink-0"}):null]})}var K="fk:grid fk:grid-cols-1 fk:gap-x-16 fk:gap-y-1 fk:lg:grid-cols-2";function Je({grouped:n=true}){let t$1=de.flatMap(a=>a.rows);return n?jsxs("div",{"aria-busy":"true",className:"fk:flex fk:flex-col fk:gap-8",children:[jsx("span",{className:"fk:sr-only",children:"Loading plugins"}),de.map(a=>jsxs("section",{children:[jsx(t,{className:"fk:mb-1 fk:h-4 fk:w-28"}),jsx("div",{className:K,children:a.rows.map(s=>jsx(pe,{action:true,row:s},s.id))})]},a.id))]}):jsxs("div",{"aria-busy":"true",className:K,children:[jsx("span",{className:"fk:sr-only",children:"Loading plugins"}),t$1.map(a=>jsx(pe,{action:true,row:a},a.id))]})}function Oe(){let n=useNavigate(),{pathname:t}=useLocation(),a=/\/ai\/plugins\/?$/.test(t),s=t.includes("/ai/skills");return jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsx(ga,{value:s?"skills":"plugins",onValueChange:r=>{let d=r==="skills"?"skills":"plugins";(r==="skills"?s:a)||n(I(t,d));},children:jsxs(ha,{children:[jsx(ia,{value:"plugins",onClick:()=>{a||n(I(t,"plugins"));},children:"Plugins"}),jsx(ia,{value:"skills",children:"Skills"})]})})]})}function Ge({onOpen:n,plugin:t}){let a=D(t),s=t.connections.filter(r=>r.status==="needs_auth").length,i=s===1?"An account needs to be reconnected":`${s.toString()} accounts need to be reconnected`;return jsxs("button",{type:"button",onClick:n,className:"fk:-mx-3 fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:rounded-lg fk:px-3 fk:py-2 fk:text-left fk:transition-colors fk:hover:bg-accent fk:focus-visible:bg-accent fk:focus-visible:outline-none fk:corner-squircle",children:[jsx("img",{src:t.logoUrl,alt:"",className:"fk:size-10 fk:shrink-0 fk:rounded-lg fk:corner-squircle"}),jsxs("span",{className:"fk:min-w-0 fk:flex-1",children:[jsx("span",{className:"fk:block fk:truncate fk:text-sm fk:font-medium",children:t.name}),jsx("span",{className:"fk:block fk:truncate fk:text-sm fk:text-muted-foreground",children:t.description})]}),s>0?jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsxs("span",{className:"fk:flex fk:shrink-0",children:[jsx(TriangleAlert,{"aria-hidden":true,className:"fk:size-4 fk:text-destructive"}),jsx("span",{className:"fk:sr-only",children:i})]})}),jsx(e$1,{children:i})]}):a?jsx(CheckIcon,{className:"fk:size-4 fk:shrink-0 fk:text-success"}):jsx(Plus,{className:"fk:size-4 fk:shrink-0 fk:text-muted-foreground"})]})}function me({onOpen:n,plugins:t}){return jsx("div",{className:K,children:t.map(a=>jsx(Ge,{plugin:a,onOpen:()=>n(a.id)},a.id))})}function ve({installedOnly:n=false}){let{base:t$1}=be(),{data:a$1,error:s$1,isLoading:i}=V(t$1?`${t$1}/plugins`:null,f),[r,d$1]=useState(""),c=useNavigate(),{pathname:p}=useLocation(),x=r.trim().toLowerCase(),l=(a$1?.plugins??[]).filter(k=>(!n||D(k))&&`${k.name} ${k.description}`.toLowerCase().includes(x)),w$1=(a$1?.plugins??[]).filter(D),u=n?[]:Xe(l),g="Plugins are being prepared. Check back soon.";n&&!x?g="No plugins installed yet.":(a$1?.catalogSha||n)&&(g="No plugins match your search.");function N(k){c(I(p,`plugins/${k}`));}let f$1=jsx("div",{className:"fk:flex fk:flex-col fk:gap-8",children:u.map(k=>jsxs("section",{children:[jsx("h3",{className:"fk:mb-1 fk:text-sm fk:font-medium",children:F(k.category)}),jsx(me,{plugins:k.plugins,onOpen:N})]},k.category))});return n&&(f$1=jsx(me,{plugins:l,onOpen:N})),(i||s$1||l.length===0)&&(f$1=null),jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsx(Oe,{}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsxs("div",{children:[jsx("h2",{className:"fk:text-2xl fk:font-semibold",children:"Plugins"}),jsx("p",{className:"fk:mt-2 fk:text-muted-foreground",children:"Connect the tools you use and add skills to your workflows."})]}),jsxs("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-3",children:[jsx(s,{"aria-label":"Search plugins",className:"fk:mr-auto fk:w-full fk:max-w-xs",placeholder:"Search plugins\u2026",value:r,onChange:k=>d$1(k.target.value)}),!n&&i?jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx("div",{className:"fk:flex fk:-space-x-2",children:["installed-a","installed-b","installed-c"].map(k=>jsx(t,{className:"fk:size-8 fk:rounded-md fk:ring-2 fk:ring-background"},k))}),jsx(t,{className:"fk:h-4 fk:w-20"})]}):null,!n&&!i&&w$1.length>0?jsx(d,{children:w$1.slice(0,9).map(k=>jsxs(a,{className:"fk:rounded-md",children:[jsx(b$4,{src:k.logoUrl,alt:""}),jsx(c$1,{children:k.name.charAt(0)})]},k.id))}):null,n?jsxs(Link,{to:I(p,"plugins"),className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground fk:hover:text-foreground",children:[jsx(ChevronLeft,{className:"fk:size-4"}),"Show all"]}):null,!n&&!i?jsxs(Link,{to:I(p,"plugins/installed"),className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground fk:hover:text-foreground",children:[w$1.length," installed",jsx(ChevronRight,{className:"fk:size-4"})]}):null]}),s$1?jsx(Rc,{variant:"destructive",children:jsx(Tc,{children:"Unable to load plugins. Please try again."})}):null,i?jsx(Je,{grouped:!n}):null,!i&&!s$1&&l.length===0?jsx(Rc,{children:jsx(Tc,{children:g})}):null,f$1]})})]})}function fn(){return jsx(ve,{})}function cn(){return jsx(ve,{installedOnly:true})}function He({base:n,connectionId:t$1}){let{data:a,error:s}=V(`${n}/plugin-connections/${t$1}/tools`,f);return s?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Unable to discover tools. Reconnect or try again."}):a?jsx("div",{className:"fk:flex fk:flex-col fk:gap-3",children:a.servers.map(i=>jsxs("section",{className:"fk:flex fk:flex-col fk:gap-2",children:[jsx("h4",{className:"fk:font-medium",children:i.name}),i.error?jsx("p",{children:i.error}):null,i.tools.length>0?jsxs(p,{className:"fk:group",children:[jsxs(q,{className:"fk:flex fk:w-fit fk:items-center fk:gap-1 fk:text-sm fk:text-muted-foreground",children:[jsx(ChevronRight,{className:"fk:size-4 fk:transition-transform fk:group-data-[state=open]:rotate-90"}),qe(i.tools.length)]}),jsx(r,{children:jsx("ul",{className:"fk:mt-2 fk:flex fk:flex-col fk:gap-2",children:i.tools.map(r=>jsxs("li",{children:[jsx("span",{className:"fk:text-sm fk:font-medium",children:r.name}),jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:r.description})]},r.name))})})]}):null]},i.name))}):jsx(t,{className:"fk:h-12 fk:w-full"})}function qe(n){return n===1?"1 tool":`${n.toString()} tools`}function Fe(n){return n.accountName&&n.accountName!==n.displayName?n.accountName:n.scope==="project"?"Shared with this project":"Only you can use this account"}function Ke({actionable:n,actions:t,busy:a$1,connection:s$1,pluginEnabled:i$1}){let[r,d]=useState(false),[c,p]=useState(""),x=useRef(null),l=s$1.status==="needs_auth",w=async()=>{let u=c.trim();await t.onRename(s$1,u||null),d(false);};return useEffect(()=>{if(!r)return;let u=window.setTimeout(()=>x.current?.focus(),0);return ()=>window.clearTimeout(u)},[r]),jsxs("li",{className:"fk:flex fk:min-w-0 fk:items-center fk:gap-3 fk:py-2",children:[jsx(a,{className:"fk:size-8",children:jsx(c$1,{children:s$1.displayName.charAt(0).toUpperCase()})}),r?jsxs("form",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:items-center fk:gap-2",onSubmit:u=>{u.preventDefault(),w();},children:[jsx(s,{"aria-label":"Account name",ref:x,className:"fk:h-8 fk:max-w-xs",disabled:a$1,placeholder:s$1.accountName??"Account name",value:c,onChange:u=>p(u.target.value),onKeyDown:u=>{u.key==="Escape"&&d(false);}}),jsx(b,{"aria-label":"Save name",disabled:a$1,size:"icon",type:"submit",variant:"ghost",children:jsx(CheckIcon,{})}),jsx(b,{"aria-label":"Cancel rename",size:"icon",type:"button",variant:"ghost",onClick:()=>d(false),children:jsx(XIcon,{})})]}):jsxs("span",{className:"fk:flex fk:min-w-0 fk:flex-1 fk:flex-col",children:[jsxs("span",{className:"fk:flex fk:min-w-0 fk:items-center fk:gap-2",children:[jsx("span",{className:"fk:truncate fk:text-sm fk:font-medium",children:s$1.displayName}),s$1.isPrimary?jsx(b$2,{variant:"secondary",children:"Primary"}):null,l?jsx(b$2,{variant:"destructive",children:"Needs reconnect"}):null]}),jsx("span",{className:"fk:truncate fk:text-sm fk:text-muted-foreground",children:Fe(s$1)})]}),n&&!r?jsxs(e,{children:[jsx(g,{asChild:true,children:jsx(b,{"aria-label":`Manage ${s$1.displayName}`,disabled:a$1,size:"icon",variant:"ghost",children:jsx(MoreHorizontal,{})})}),jsxs(h,{align:"end",children:[jsxs(i,{children:[!s$1.isPrimary&&!l?jsx(j,{onSelect:()=>t.onMakePrimary(s$1),children:"Make primary"}):null,jsx(j,{onSelect:()=>{p(s$1.label??""),d(true);},children:"Rename"}),jsx(j,{disabled:!i$1,onSelect:()=>t.onReconnect(s$1),children:"Reconnect"})]}),jsx(o,{}),jsx(j,{variant:"destructive",onSelect:()=>t.onDisconnect(s$1),children:"Disconnect"})]})]}):null]})}function Ye({actions:n,busy:t,canManage:a,onConnect:s,plugin:i}){let r=i.scopes.length>1;return jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Connected accounts"}),i.scopes.map(d=>{let c=Ne(i,d),p=$(i,a,d),x=d==="personal"||a;return c.length===0&&!p?null:jsxs("div",{className:"fk:flex fk:flex-col",children:[r?jsx("h3",{className:"fk:text-sm fk:font-medium fk:text-muted-foreground",children:d==="project"?"Project accounts":"Your accounts"}):null,jsxs("ul",{className:"fk:flex fk:flex-col fk:divide-y",children:[c.map(l=>jsx(Ke,{actionable:x,actions:n,busy:t,connection:l,pluginEnabled:i.enabled},l.id)),p?jsx("li",{children:jsxs("button",{className:"fk:flex fk:w-full fk:items-center fk:gap-3 fk:py-2 fk:text-left fk:text-sm fk:text-muted-foreground fk:transition-colors fk:hover:text-foreground fk:disabled:pointer-events-none fk:disabled:opacity-50",disabled:t||!i.enabled,type:"button",onClick:()=>s(d),children:[jsx("span",{className:"fk:flex fk:size-8 fk:shrink-0 fk:items-center fk:justify-center fk:rounded-full fk:border fk:border-dashed",children:jsx(Plus,{className:"fk:size-4"})}),c.length>0?"Connect another account":"Connect an account"]})}):null]})]},d)})]})}function un(){let{pluginId:n}=useParams(),{api:t$1,base:a}=be(),{data:s,error:i,mutate:r}=V(a&&n?`${a}/plugins/${n}`:null,f),{mutate:d}=useSWRConfig(),c$1=useNavigate(),[p,x]=useState(false),l=s?.plugin,w$1=l?Ue(l.sourceUrl):null,u=async f=>{x(true);try{await f(),await r();}catch(k){if(k instanceof M){oa.error('You signed in with a different account. Use "Connect another account" to add it.');return}oa.error(k instanceof Error?k.message:"Unable to complete this action.");}finally{x(false);}};if(i)return jsx("div",{className:"fk:p-6",children:jsx(Rc,{variant:"destructive",children:jsx(Tc,{children:"Unable to load this plugin."})})});if(!l||!s||!t$1||!a)return jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsxs(b,{variant:"ghost",size:"sm",onClick:()=>c$1("..",{relative:"path"}),children:[jsx(ArrowLeft,{}),"Plugins"]})]}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{"aria-busy":"true",className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsx("span",{className:"fk:sr-only",children:"Loading plugin"}),jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:items-center fk:gap-4",children:[jsx(t,{className:"fk:size-14 fk:shrink-0 fk:rounded-lg"}),jsx(t,{className:"fk:h-7 fk:w-40"}),jsx(t,{className:"fk:ml-auto fk:h-9 fk:w-28"})]}),jsx(t,{className:"fk:h-4 fk:w-full"}),jsx(t,{className:"fk:h-4 fk:w-2/3"}),jsx(t,{className:"fk:h-6 fk:w-24 fk:rounded-full"})]})]})})]});let g=Be(l),N$1={onDisconnect:f=>{u(()=>t$1.disconnectPlugin(f.id));},onMakePrimary:f=>{u(()=>t$1.updatePluginConnection(f.id,{primary:!0}));},onReconnect:f=>{u(()=>U(t$1,l.id,f.scope,{connectionId:f.id}));},onRename:(f,k)=>u(()=>t$1.updatePluginConnection(f.id,{label:k}))};return jsxs("main",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:flex-col",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-center fk:gap-2",children:[jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e$1,{children:"Toggle Sidebar"})]}),jsxs(b,{variant:"ghost",size:"sm",onClick:()=>c$1("..",{relative:"path"}),children:[jsx(ArrowLeft,{}),"Plugins"]})]}),jsx(w,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:jsxs("div",{className:"fk:mx-auto fk:flex fk:w-full fk:max-w-4xl fk:flex-col fk:gap-8 fk:py-6 fk:pl-4 fk:pr-6",children:[jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-4",children:[jsx("img",{src:l.logoUrl,alt:"",className:"fk:size-14 fk:shrink-0 fk:rounded-lg fk:corner-squircle"}),jsxs("div",{className:"fk:flex fk:min-w-0 fk:flex-col fk:gap-0.5",children:[jsx("h1",{className:"fk:text-xl fk:font-semibold",children:l.name}),w$1?jsxs("a",{href:w$1,target:"_blank",rel:"noopener noreferrer",className:"fk:inline-flex fk:w-fit fk:items-center fk:gap-1 fk:text-sm fk:hover:underline fk:text-muted-foreground",children:["View source",jsx(ExternalLink,{className:"fk:size-3"})]}):null]}),jsx("div",{className:"fk:ml-auto fk:flex fk:shrink-0 fk:flex-wrap fk:items-center fk:justify-end fk:gap-2",children:D(l)?null:jsx(We,{busy:p,canManage:s.canManage,plugin:l,onConnect:f=>{u(()=>U(t$1,l.id,f));}})})]}),jsx("p",{className:"fk:text-muted-foreground",children:l.description}),jsx("div",{className:"fk:flex fk:flex-wrap fk:items-center fk:gap-3",children:jsx(b$2,{className:`fk:border-0 fk:text-[0.625rem] fk:leading-4.5 fk:font-normal fk:py-0 fk:px-2 ${je(l.scopes)}`,variant:"default",children:$e(l.scopes)})}),l.scopes.map(f=>(f==="personal"?l.allowPersonal:s.canManage)?null:jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:f==="project"?"Ask an owner or developer to connect.":"Personal connections are disabled by project policy."},f))]}),l.enabled?null:jsx(Rc,{children:jsx(Tc,{children:"This plugin is disabled by project policy."})}),D(l)?jsx(Ye,{actions:N$1,busy:p,canManage:s.canManage,plugin:l,onConnect:f=>{u(()=>U(t$1,l.id,f));}}):null,jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Included tools"}),l.capabilities.agentTools&&g?jsxs(b,{className:"fk:ml-auto",disabled:p,size:"sm",variant:"ghost",onClick:()=>{u(async()=>{await t$1.refreshPluginTools(g.id),await d(`${a}/plugin-connections/${g.id}/tools`);});},children:[jsx(RefreshCw,{}),"Refresh"]}):null]}),l.capabilities.automationDelivery?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Automation delivery to selected channels. This plugin does not expose MCP messaging tools."}):null,l.capabilities.agentTools&&!g?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"Connect to discover available tools."}):null,l.capabilities.agentTools&&g?jsxs(Fragment,{children:[jsxs("p",{className:"fk:text-sm fk:text-muted-foreground",children:["Tools \xB7 via ",g.displayName]}),jsx(He,{base:a,connectionId:g.id},g.id)]}):null]}),jsxs("section",{className:"fk:flex fk:flex-col fk:gap-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Included skills"}),s.skills.length===0?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"This plugin includes no skills."}):s.skills.map(f=>jsxs("div",{children:[jsx("h3",{className:"fk:font-medium",children:f.name}),jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:f.description})]},f.key))]}),jsxs("section",{className:"fk:space-y-3",children:[jsx("h2",{className:"fk:text-xl fk:font-semibold",children:"Used by"}),l.usedBy.length===0?jsx("p",{className:"fk:text-sm fk:text-muted-foreground",children:"No automations visible to you use this plugin yet."}):jsx("ul",{children:l.usedBy.map(f=>jsx("li",{children:jsx(b,{className:"fk:pl-0!",variant:"link",onClick:()=>c$1(`../../automations/${f.id}`,{relative:"path"}),children:f.name})},f.id))})]})]})})]})}export{U as a,We as b,Oe as c,fn as d,cn as e,un as f};//# sourceMappingURL=chunk-XWC47CBM.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-XWC47CBM.js.map
|