@stack-spot/ai-chat-widget 0.11.0 → 1.0.0-dev.1768324407795

package/dist/utils/upload/context.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffectOnce } from '@stack-spot/portal-components';
+import { createContext, useContext, useEffect, useState } from 'react';
+import { UploadManager } from './UploadManager.js';
+const context = createContext(undefined);
+export const UploadProvider = ({ value = new UploadManager(), children }) => {
+    useEffectOnce(() => () => value.destroy());
+    return _jsx(context.Provider, { value: value, children: children });
+};
+export function useUploadManager() {
+    const manager = useContext(context);
+    if (!manager)
+        throw new Error('"useUploadManager()" must be used only within the context of an <UploadProvider>.');
+    return manager;
+}
+export function useUploads() {
+    const manager = useUploadManager();
+    const [files, setFiles] = useState([]);
+    useEffect(() => manager.onChange(setFiles));
+    return files;
+}
+export function useUploadErrorEffect(effect) {
+    const manager = useUploadManager();
+    useEffect(() => manager.onError(effect));
+}
+export function useUploadManagerStatus() {
+    const manager = useUploadManager();
+    const [status, setStatus] = useState(manager.status);
+    useEffect(() => manager.onChangeStatus(setStatus));
+    return status;
+}
+export function useUploadStatus(file) {
+    const [status, setStatus] = useState(file.status);
+    useEffect(() => file.onChange(setStatus));
+    return status;
+}
+//# sourceMappingURL=context.js.map

package/dist/utils/upload/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/utils/upload/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,aAAa,EAAuB,MAAM,iBAAiB,CAAA;AAEpE,MAAM,OAAO,GAAG,aAAa,CAA4B,SAAS,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,aAAa,EAAE,EAAE,QAAQ,EAAiD,EAAE,EAAE;IACzH,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;IAC1C,OAAO,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAoB,CAAA;AACtE,CAAC,CAAA;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC,CAAA;IAClH,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAA;IACpD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAuC;IAC1E,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;AAC1C,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,OAAO,CAAC,MAAM,CAAC,CAAA;IACzE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAgB;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,MAAM,CAAC,CAAA;IACnE,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/utils/upload/errors.d.ts

@@ -0,0 +1,17 @@
+import { FileSize } from '../../state/types.js';
+export declare class UploadError extends Error {
+    readonly fileName: string;
+    constructor(fileName: string, message?: string);
+}
+export declare class FileIsTooLarge extends UploadError {
+    readonly maxSize: FileSize;
+    constructor(fileName: string, maxSize: FileSize);
+}
+export declare class FileAlreadyExists extends UploadError {
+    constructor(fileName: string);
+}
+export declare class MaxFilesReached extends UploadError {
+    readonly maxFiles: number;
+    constructor(fileName: string, maxFiles: number);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/utils/upload/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,qBAAa,WAAY,SAAQ,KAAK;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;CAI/C;AAED,qBAAa,cAAe,SAAQ,WAAW;IAC7C,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAA;gBAEd,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ;CAIhD;AAED,qBAAa,iBAAkB,SAAQ,WAAW;gBACpC,QAAQ,EAAE,MAAM;CAG7B;AAED,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAI/C"}

package/dist/utils/upload/errors.js

@@ -0,0 +1,27 @@
+export class UploadError extends Error {
+    fileName;
+    constructor(fileName, message) {
+        super(message || `There was an error while uploading ${fileName}`);
+        this.fileName = fileName;
+    }
+}
+export class FileIsTooLarge extends UploadError {
+    maxSize;
+    constructor(fileName, maxSize) {
+        super(fileName, `Can't upload ${fileName} because it exceeds the maximum file size of ${maxSize.value} ${maxSize.unit}.`);
+        this.maxSize = maxSize;
+    }
+}
+export class FileAlreadyExists extends UploadError {
+    constructor(fileName) {
+        super(fileName, `Can't upload ${fileName} because it is already on the list.`);
+    }
+}
+export class MaxFilesReached extends UploadError {
+    maxFiles;
+    constructor(fileName, maxFiles) {
+        super(fileName, `Can't upload ${fileName} because the maximum number of files (${maxFiles}) has been reached.`);
+        this.maxFiles = maxFiles;
+    }
+}
+//# sourceMappingURL=errors.js.map

package/dist/utils/upload/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/utils/upload/errors.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,WAAY,SAAQ,KAAK;IAC3B,QAAQ,CAAQ;IAEzB,YAAY,QAAgB,EAAE,OAAgB;QAC5C,KAAK,CAAC,OAAO,IAAI,sCAAsC,QAAQ,EAAE,CAAC,CAAA;QAClE,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;CACF;AAED,MAAM,OAAO,cAAe,SAAQ,WAAW;IACpC,OAAO,CAAU;IAE1B,YAAY,QAAgB,EAAE,OAAiB;QAC7C,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,gDAAgD,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC,CAAA;QACzH,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IACxB,CAAC;CACF;AAED,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAChD,YAAY,QAAgB;QAC1B,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,qCAAqC,CAAC,CAAA;IAChF,CAAC;CACF;AAED,MAAM,OAAO,eAAgB,SAAQ,WAAW;IACrC,QAAQ,CAAQ;IAEzB,YAAY,QAAgB,EAAE,QAAgB;QAC5C,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,yCAAyC,QAAQ,qBAAqB,CAAC,CAAA;QAC/G,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;CACF"}

package/dist/utils/upload/types.d.ts

@@ -0,0 +1,7 @@
+export interface FileDescription {
+    id: string;
+    name: string;
+    extension: string;
+}
+export type FileUploadStatus = 'pending' | 'success' | 'error';
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/upload/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA"}

package/dist/{components/Tooltip → utils/upload}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/upload/types.ts"],"names":[],"mappings":""}

package/dist/utils/upload/use-paste-upload.d.ts

@@ -0,0 +1,8 @@
+interface UsePasteUploadProps {
+    textAreaRef: React.RefObject<HTMLTextAreaElement>;
+    onUploadFiles: (files: File[]) => void;
+    enabled?: boolean;
+}
+export declare const usePasteUpload: ({ textAreaRef, onUploadFiles, enabled, }: UsePasteUploadProps) => void;
+export {};
+//# sourceMappingURL=use-paste-upload.d.ts.map

package/dist/utils/upload/use-paste-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-paste-upload.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/use-paste-upload.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,6CAIxB,mBAAmB,SAiBrB,CAAA"}

package/dist/utils/upload/use-paste-upload.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+export const usePasteUpload = ({ textAreaRef, onUploadFiles, enabled = true, }) => {
+    useEffect(() => {
+        const textarea = textAreaRef.current;
+        if (!textarea || !enabled)
+            return;
+        const handlePaste = (e) => {
+            if (e.clipboardData?.files?.length) {
+                onUploadFiles(Array.from(e.clipboardData.files));
+                e.preventDefault();
+            }
+        };
+        textarea.addEventListener('paste', handlePaste);
+        return () => {
+            textarea.removeEventListener('paste', handlePaste);
+        };
+    }, [onUploadFiles, textAreaRef, enabled]);
+};
+//# sourceMappingURL=use-paste-upload.js.map

package/dist/utils/upload/use-paste-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-paste-upload.js","sourceRoot":"","sources":["../../../src/utils/upload/use-paste-upload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,WAAW,EACX,aAAa,EACb,OAAO,GAAG,IAAI,GACM,EAAE,EAAE;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO;YAAE,OAAM;QAEjC,MAAM,WAAW,GAAG,CAAC,CAAiB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;gBACnC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;gBAChD,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAC/C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;AAC3C,CAAC,CAAA"}

package/dist/utils/upload/utils.d.ts

@@ -0,0 +1,4 @@
+import { FileSize } from '../../state/types.js';
+export declare function getFileId(file: File): string;
+export declare const unitPower: Record<FileSize['unit'], number>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/upload/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,UAEnC;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAKtD,CAAA"}

package/dist/utils/upload/utils.js

@@ -0,0 +1,10 @@
+export function getFileId(file) {
+    return `${file.name}|${file.lastModified}|${file.size}`;
+}
+export const unitPower = {
+    B: 0,
+    KB: 1,
+    MB: 2,
+    GB: 3,
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils/upload/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/upload/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;AACzD,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAqC;IACzD,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAA"}

package/dist/utils/url.d.ts

@@ -0,0 +1,2 @@
+export declare function getUrlToStackSpotAI(): string;
+//# sourceMappingURL=url.d.ts.map

package/dist/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAIA,wBAAgB,mBAAmB,WAGlC"}

package/dist/utils/url.js

@@ -0,0 +1,8 @@
+const stkAIDomain = /^https:\/\/ai(\.\w+)?\.stackspot\.com$/;
+const localhostDomain = /^http:\/\/localhost:\d+$/;
+const aiPrd = 'https://ai.stackspot.com';
+export function getUrlToStackSpotAI() {
+    const current = location.origin;
+    return stkAIDomain.test(current) || localhostDomain.test(current) ? current : aiPrd;
+}
+//# sourceMappingURL=url.js.map

package/dist/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,wCAAwC,CAAA;AAC5D,MAAM,eAAe,GAAG,0BAA0B,CAAA;AAClD,MAAM,KAAK,GAAG,0BAA0B,CAAA;AAExC,MAAM,UAAU,mBAAmB;IACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAA;IAC/B,OAAO,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;AACrF,CAAC"}

package/dist/views/Agents/AgentDescription.d.ts

@@ -0,0 +1,4 @@
+export declare const AgentDescription: ({ agentId }: {
+    agentId?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentDescription.d.ts.map

package/dist/views/Agents/AgentDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentDescription.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,gBAAiB;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,4CAmGjE,CAAA"}

package/dist/views/Agents/AgentDescription.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { AsyncContent, Badge, Card, IconBox, ImageBox, ImageWithFallback, Text } from '@stack-spot/citric-react';
+import { agentToolsClient } from '@stack-spot/portal-network';
+import { useMemo } from 'react';
+import { useAgentsDictionary } from './dictionary.js';
+import { AgentDescriptionBox } from './styled.js';
+export const AgentDescription = ({ agentId }) => {
+    const t = useAgentsDictionary();
+    const [agent, , error, { isLoading }] = agentToolsClient.agent.useStatefulQuery({ agentId: agentId }, { enabled: !!agentId });
+    const numberOfKnowledgeSources = agent?.knowledge_sources_config?.knowledge_sources.length ?? 0;
+    const knowledgeSources = useMemo(() => agent?.knowledge_sources_config?.knowledge_sources_details?.map((ks, index) => (_jsx("li", { children: _jsxs(Card, { gap: "10px", direction: "row", flex: 1, size: "xxs", bgLevel: 500, justifyContent: "space-between", children: [_jsx(Text, { color: "light.contrastText", children: ks.name }), _jsx(Badge, { colorScheme: "inverse", appearance: "square", children: ks.type })] }) }, index))), [agent]);
+    const { tools, multiAgents } = useMemo(() => {
+        const tools = [];
+        const multiAgents = [];
+        const builtInTools = agent?.toolkits?.builtin_toolkits ?? [];
+        const customToolkits = agent?.toolkits?.custom_toolkits ?? [];
+        for (const toolkit of builtInTools) {
+            for (const tool of toolkit.tools ?? []) {
+                if (toolkit.id == 'UTILITIES') {
+                    tools.push(_jsx("li", { children: _jsxs(Card, { gap: "10px", direction: "row", flex: 1, size: "xxs", bgLevel: 500, children: [_jsx(ImageBox, { children: _jsx(ImageWithFallback, { src: toolkit.image_url, fallback: _jsx(Icon, { icon: "Cog" }) }) }), _jsx(Text, { color: "light.contrastText", children: tool?.name || tool?.id || 'unknown' })] }) }, tool.id));
+                }
+                if (toolkit.id == 'MULTI_AGENTS') {
+                    multiAgents.push(_jsx("li", { children: _jsxs(Card, { gap: "10px", direction: "row", flex: 1, size: "xxs", bgLevel: 500, children: [_jsx(IconBox, { icon: "Agent" }), _jsx(Text, { color: "light.contrastText", children: tool.name })] }) }, tool.id));
+                }
+            }
+        }
+        for (const toolkit of customToolkits) {
+            for (const tool of toolkit.tools) {
+                tools.push(_jsx("li", { children: _jsxs(Card, { gap: "10px", direction: "row", flex: 1, size: "xxs", bgLevel: 500, children: [_jsx(ImageBox, { children: _jsx(ImageWithFallback, { src: toolkit.avatar ?? undefined, fallback: _jsx(Icon, { icon: "Cog" }) }) }), _jsx(Text, { color: "light.contrastText", children: tool.name })] }) }, tool.id));
+            }
+        }
+        return { tools, multiAgents };
+    }, [agent]);
+    const mcpToolkits = useMemo(() => agent?.toolkits?.mcp_toolkits?.map(t => (_jsx("li", { children: _jsxs(Card, { gap: "10px", direction: "row", flex: 1, size: "xxs", bgLevel: 500, children: [_jsx(ImageBox, { children: _jsx(ImageWithFallback, { src: t.avatar ?? undefined, fallback: _jsx(Icon, { icon: "Cog" }) }) }), _jsx(Text, { color: "light.contrastText", children: t.name })] }) }, `mcp-${t.id}`))), [agent?.toolkits?.mcp_toolkits]);
+    return (_jsx(AsyncContent, { loading: isLoading, error: error, children: _jsxs(AgentDescriptionBox, { children: [agent?.description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.description }), _jsx(Text, { children: agent?.description })] }), (!!numberOfKnowledgeSources || !!knowledgeSources?.length) && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: knowledgeSources })] }), !!tools?.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.tools }), _jsxs("ul", { children: [tools, mcpToolkits] })] }), !!multiAgents?.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.multiAgent }), _jsx("ul", { children: multiAgents })] }), agent?.model_name && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { colorPalette: "orange", appearance: "square", children: agent?.model_name })] })] }) }));
+};
+//# sourceMappingURL=AgentDescription.js.map

package/dist/views/Agents/AgentDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentDescription.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"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"}

package/dist/views/Agents/AgentsPanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export declare const AgentsPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsPanel.d.ts.map

package/dist/views/Agents/AgentsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,eAAO,MAAM,WAAW,+CA0CvB,CAAA"}

package/dist/views/Agents/AgentsPanel.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { agentToolsClient } from '@stack-spot/portal-network';
+import { useEffect, useRef } from 'react';
+import { RightPanelContentList } from '../../components/RightPanelContentList.js';
+import { RightPanelTabs } from '../../components/RightPanelTabs.js';
+import { useCurrentChat, useWidgetState } from '../../context/hooks.js';
+import { checkIsTrial } from '../../utils/check-is-trial.js';
+import { AgentsTab, AgentsTabWorkspace } from './AgentsTab.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export const AgentsPanel = () => {
+    const t = useAgentsDictionary();
+    const chat = useCurrentChat();
+    const isTrial = checkIsTrial();
+    const agent = useRef(chat.get('agent'));
+    const features = useWidgetState('features');
+    const isGroupResourcesByScope = features?.groupResourcesByScope;
+    const scopes = features?.scopes ?? [];
+    const spotId = features?.workspaceId;
+    useEffect(() => {
+        if (agentToolsClient.agentDefaultSlug !== chat.get('agent')?.slug) {
+            agent.current = chat.get('agent');
+        }
+    }, [chat]);
+    const allTabsMap = {
+        favorite: { label: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
+        builtin: { label: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
+        personal: { label: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
+        shared: { label: t.shared, content: _jsx(AgentsTab, { visibility: "shared", agent: agent }, "shared") },
+        workspace: { label: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "workspace", agent: agent }, "workspace") },
+        account: { label: t.account, content: _jsx(AgentsTab, { visibility: "account", agent: agent }, "account") },
+    };
+    const defaultScopes = ['favorite', 'builtin', 'personal', 'shared', 'workspace', 'account'];
+    const rawScopes = scopes?.length ? scopes : defaultScopes;
+    const scopesToRender = isTrial
+        ? ['favorite', 'builtin', 'personal']
+        : rawScopes;
+    const tabs = scopesToRender
+        .map(scope => scope in allTabsMap ? ({ key: scope, ...allTabsMap[scope] }) : undefined)
+        .filter(Boolean);
+    return (isGroupResourcesByScope ? (_jsx(RightPanelTabs, { tabs: tabs }, chat.id)) : (_jsx(RightPanelContentList, { children: _jsx(AgentsTab, { workspaceId: spotId, agent: agent }) })));
+};
+//# sourceMappingURL=AgentsPanel.js.map

package/dist/views/Agents/AgentsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsPanel.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"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"}

package/dist/views/Agents/AgentsTab.d.ts

@@ -0,0 +1,11 @@
+import { AgentVisibilityLevel } from '@stack-spot/portal-network';
+import { ChatProperties } from '../../state/ChatState.js';
+export interface AgentTabProps {
+    visibility?: AgentVisibilityLevel;
+    workspaceId?: string;
+    agent: React.MutableRefObject<ChatProperties['agent']>;
+    showSubmitButton?: boolean;
+}
+export declare const AgentsTab: ({ visibility, workspaceId, agent, showSubmitButton }: AgentTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare function AgentsTabWorkspace({ agent, visibility, showSubmitButton }: AgentTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsTab.d.ts.map

package/dist/views/Agents/AgentsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8C,oBAAoB,EAAqB,MAAM,4BAA4B,CAAA;AAShI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAKtD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yDAAiE,aAAa,4CA0FnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}

package/dist/views/Agents/AgentsTab.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Button, ImageWithFallback } from '@stack-spot/citric-react';
+import { Placeholder } from '@stack-spot/portal-components/Placeholder';
+import { agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network';
+import { debounce } from 'lodash';
+import { useCallback, useMemo, useState, useTransition } from 'react';
+import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup.js';
+import { WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentDescription } from './AgentDescription.js';
+import { useAgentsDictionary } from './dictionary.js';
+import { useAgentFavorites } from './useAgentFavorites.js';
+export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = true }) => {
+    const t = useAgentsDictionary();
+    const { close } = useRightPanel();
+    const chat = useCurrentChat();
+    const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites();
+    const [submitEnabled, setSubmitEnabled] = useState(false);
+    const listFavorites = useFavorites();
+    const agentDefault = agentToolsClient.agentDefault.useQuery();
+    const [filter, setFilter] = useState();
+    const [apiFilter, setApiFilter] = useState();
+    const [isPending, startTransition] = useTransition();
+    const runOnChange = useCallback(debounce((value) => {
+        startTransition(() => {
+            setApiFilter(value);
+        });
+    }, 500), [startTransition]);
+    const data = workspaceAiClient.getAgentFromWorkspaceAi.useStatefulQuery({ workspaceId: workspaceId }, { enabled: !!workspaceId });
+    const workspaceAgents = data?.[0];
+    const [agentsData = [], { fetchNextPage, hasNextPage }] = agentToolsClient.agentsMultipleFilters.useInfiniteQuery({
+        filters: {
+            page: 1,
+            size: 20,
+            name: apiFilter,
+            ...(visibility?.length ? { visibility_list: [visibility] } : {}),
+        },
+    }, { enabled: !workspaceId });
+    const agents = workspaceId ? workspaceAgents : agentsData;
+    const initialValue = useMemo(() => {
+        const initial = agent.current
+            ? agents?.find(a => a.id === agent.current?.id)
+            : chat.get('agent') ? agents?.find(a => a.id === chat.get('agent')?.id) : agentDefault;
+        if (initial && !submitEnabled)
+            setSubmitEnabled(true);
+        return initial;
+    }, [agents]);
+    function submit() {
+        if (agent.current)
+            chat.set('agent', agent.current);
+        close();
+    }
+    return _jsxs(_Fragment, { children: [_jsx("div", { className: "content", children: _jsx(DescribedRadioGroup, { fetchNextPage: fetchNextPage, hasNextPage: hasNextPage && !workspaceId, options: agents, initialValue: initialValue, filter: workspaceId ? undefined : filter, setFilter: workspaceId ? undefined : (value) => {
+                        setFilter(value);
+                        runOnChange(value);
+                    }, onChange: (ag) => {
+                        agent.current = ag
+                            ? { ...ag, label: ag.name, image: ag.avatar, slug: ag.slug, builtIn: ag.visibility_level === 'built_in' }
+                            : undefined;
+                        setSubmitEnabled(true);
+                    }, isLoading: isPending, data: ag => ({
+                        idOrSlug: ag.id,
+                        // below, "key" is important. I don't know why exactly, but sometimes the avatar doesn't update if we don't do this.
+                        image: _jsx(ImageWithFallback, { src: ag.avatar ?? undefined, fallback: _jsx(Icon, { icon: "Agent" }) }, ag.id),
+                        description: _jsx(AgentDescription, { agentId: ag.id }),
+                        name: ag.name,
+                        listFavorites,
+                        onAddFavorite,
+                        onRemoveFavorite,
+                    }), emptyResults: _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), emptyDataset: _jsx(Placeholder, { title: t.noData, description: t.noDataDescription }) }) }), !!agents?.length && showSubmitButton && _jsx(Button, { onClick: submit, disabled: !submitEnabled, children: t.apply })] });
+};
+export function AgentsTabWorkspace({ agent, visibility, showSubmitButton }) {
+    const workspaceTabComponents = useMemo(() => ({ agent: AgentsTab }), [agent]);
+    const buildNavigateParams = (workspace) => ({
+        component: 'agent',
+        props: { visibility, workspaceId: workspace.id, agent, showSubmitButton },
+    });
+    return _jsx(WorkspaceTabNavigator, { components: workspaceTabComponents, getNavigateParam: buildNavigateParams });
+}
+//# sourceMappingURL=AgentsTab.js.map

package/dist/views/Agents/AgentsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsTab.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"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"}

package/dist/views/Agents/dictionary.d.ts

@@ -0,0 +1,2 @@
+export declare const useAgentsDictionary: () => Record<"builtin" | "personal" | "shared" | "account" | "title" | "tools" | "description" | "noSearchResults" | "noSearchResultsDescription" | "noData" | "noDataDescription" | "apply" | "subtitle" | "defaultAgentDescription" | "favorites" | "spots" | "multiAgent", string>;
+//# sourceMappingURL=dictionary.d.ts.map

package/dist/views/Agents/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/dictionary.ts"],"names":[],"mappings":"AA4CA,eAAO,MAAM,mBAAmB,uRAAiC,CAAA"}

package/dist/views/Agents/dictionary.js

@@ -0,0 +1,43 @@
+import { useTranslate } from '@stack-spot/portal-translate';
+const dictionary = {
+    en: {
+        title: 'Agents',
+        subtitle: 'By selecting an Agent, it will be consulted to generate the answers.',
+        personal: 'Personal',
+        builtin: 'Built-in',
+        shared: 'Shared',
+        account: 'Account',
+        apply: 'Apply',
+        noSearchResults: "Your search didn't yield results.",
+        noSearchResultsDescription: 'Please, try another search term.',
+        noData: 'There are no agents in this category yet.',
+        noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new agents.',
+        defaultAgentDescription: 'The StackSpot CodeGen is an advanced artificial intelligence agent designed to optimize and accelerate software development. Integrated directly into your integrated development environment, StackSpot CodeGen offers real-time code suggestions, helping developers write high-quality code more efficiently. With robust features such as creating Stacks AI, customized knowledge sources, and quick commands, StackSpot CodeGen contextualizes your development needs to provide the best answers and code suggestions.',
+        description: 'Description',
+        favorites: 'Favorites',
+        tools: 'Tools',
+        spots: 'Spots',
+        multiAgent: 'Multi-agents',
+    },
+    pt: {
+        title: 'Agentes',
+        subtitle: 'Ao selecionar um Agente, ele será consultado para gerar as respostas.',
+        personal: 'Pessoal',
+        builtin: 'Embutido',
+        shared: 'Compartilhado',
+        account: 'Conta',
+        apply: 'Aplicar',
+        noSearchResults: 'Sua busca não produziu resultados.',
+        noSearchResultsDescription: 'Por favor, tente outra busca.',
+        noData: 'Ainda não há agentes nesta categoria.',
+        noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos agentes.',
+        defaultAgentDescription: 'O StackSpot CodeGen é um agente de inteligência artificial avançado projetado para otimizar e acelerar o desenvolvimento de software. Integrado diretamente ao seu ambiente de desenvolvimento, o StackSpot CodeGen oferece sugestões de código em tempo real, ajudando os desenvolvedores a escreverem código de alta qualidade de forma mais eficiente. Com recursos robustos, como a criação de Stacks AI, Knowledge Sources personalizadas e comandos rápidos, o StackSpot CodeGen contextualiza suas necessidades de desenvolvimento para fornecer as melhores respostas e sugestões de código.',
+        description: 'Descrição',
+        favorites: 'Favoritos',
+        tools: 'Ferramentas',
+        spots: 'Spots',
+        multiAgent: 'Multi-agents',
+    },
+};
+export const useAgentsDictionary = () => useTranslate(dictionary);
+//# sourceMappingURL=dictionary.js.map

package/dist/views/Agents/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/Agents/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,sEAAsE;QAChF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,mCAAmC;QACpD,0BAA0B,EAAE,kCAAkC;QAC9D,MAAM,EAAE,2CAA2C;QACnD,iBAAiB,EAAE,uFAAuF;QAC1G,uBAAuB,EAAE,+fAA+f;QACxhB,WAAW,EAAE,aAAa;QAC1B,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAc;KAC3B;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,uEAAuE;QACjF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,oCAAoC;QACrD,0BAA0B,EAAE,+BAA+B;QAC3D,MAAM,EAAE,uCAAuC;QAC/C,iBAAiB,EAAE,8FAA8F;QACjH,uBAAuB,EAAE,skBAAskB;QAC/lB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAc;KAE3B;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}

package/dist/views/Agents/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export declare const Agents: () => null;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Agents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/index.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,MAAM,YAclB,CAAA"}

package/dist/views/Agents/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentsPanel } from './AgentsPanel.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export const Agents = () => {
+    const t = useAgentsDictionary();
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'agent')
+            open(_jsx(AgentsPanel, {}), { title: t.title, description: t.subtitle, onClose: () => widget.set('panel', undefined) });
+    }, [panel, t]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Agents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Agents/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,OAAO;YAAE,IAAI,CACzB,KAAC,WAAW,KAAG,EACf,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAC3F,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IAEd,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/views/Agents/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const AgentLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AgentDescriptionBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/dist/views/Agents/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,wOAYtB,CAAA;AAED,eAAO,MAAM,mBAAmB,wOAmD/B,CAAA"}

package/dist/views/Agents/styled.js

@@ -0,0 +1,68 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const AgentLabel = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+
+  img, svg {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+`;
+export const AgentDescriptionBox = styled.div `
+  color: ${theme.color.light[700]};
+  line-height: 18px;
+  background-color: ${theme.color.light[400]};
+  margin-top: 16px;
+
+  section {
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+
+    &:last-child {
+      padding-bottom: 0;
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+
+    > .title {
+      display: block;
+      margin-bottom: 6px;
+    }
+
+    .card-agent-info {
+      background-color: ${theme.color.light[500]};
+      border: 1px solid ${theme.color.light[600]};
+      border-radius: 3px;
+      padding: 4px;
+      width: 100%;
+    }
+  }
+  
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    white-space: nowrap;
+
+    li {
+      margin-bottom: 3px;
+      display: flex;
+      width: 100%;
+    }
+  }
+
+  .ks-skeleton {
+    width: 100px;
+    height: 12px;
+    mix-blend-mode: color-dodge;
+  }
+`;
+//# sourceMappingURL=styled.js.map