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

package/dist/views/Steps/FlowChart/styled.js

@@ -0,0 +1,156 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const stepNodeSize = { width: 400, height: 167 };
+export const planningNodeSize = { width: 400, height: 61 };
+export const answerNodeSize = { width: 400, height: 40 };
+export const FlowChartBox = styled.div `
+  width: 100%;
+  height: 100%;
+
+  .chart-node {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 6px;
+    border-radius: 4px;
+    border: 1px solid ${theme.color.light[600]};
+    background-color: ${theme.color.light[500]};
+    box-sizing: border-box;
+    justify-content: center; 
+    width: 400px;
+
+    &.pending .source-handle {
+      opacity: 0.3;
+    }
+
+    .source-handle {
+      transition: opacity 1s ease; opacity: 1;
+    }
+
+    &.running .source-handle {
+       opacity: 0;
+    }
+    
+    &.step {
+      width: ${stepNodeSize.width}px;
+      min-height: ${stepNodeSize.height}px;
+    }
+
+    &.planning {
+      width: ${planningNodeSize.width}px;
+      min-height: ${planningNodeSize.height}px;
+    }
+
+    &.answer {
+      width: ${answerNodeSize.width}px;
+      min-height: ${answerNodeSize.height}px;
+    }
+    header {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      .step-index {
+        flex: 1;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .step-title {
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: ${theme.color.light[700]};
+      overflow-x: clip;
+    }
+
+    .step-details {
+      background-color: ${theme.color.light[400]};
+      border-radius: 2px;
+      padding: 8px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      justify-content: space-between;
+      gap: 8px;
+      overflow: hidden;
+
+      .step-description {
+        flex: 1;
+        line-height: 18px;
+        max-height: 72px; // line-height * 4
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: 4;
+        -webkit-box-orient: vertical; 
+
+        &.with-tools {
+          max-height: 36px; // line-height * 2
+          -webkit-line-clamp: 2;
+        }
+      }
+    }
+
+    .wrapper-tool {
+      &:not(:last-child) {         
+        border-bottom: 1px solid ${theme.color.light[600]};
+        padding-bottom: 8px;
+      }
+      
+      .tool {
+        padding: 8px;     
+        border-radius: 4px;
+        min-height: 48px;
+        border: 1px solid ${theme.color.light[500]};
+        background-color: ${theme.color.light[400]}; 
+        border-bottom: 1px solid ${theme.color.light[300]}; 
+        cursor: pointer; 
+      
+        &:hover .title {
+          text-decoration: underline;
+        }      
+      }
+    }
+ 
+  }
+
+  .source-handle {
+    background-color: ${theme.color.light[700]};
+    border: none;
+  }
+
+  .target-handle {
+    opacity: 0;
+  }
+
+  .controls {
+    background-color: ${theme.color.light[300]};
+    border-radius: 4px;
+    border: none;
+    display: flex;
+
+    button {
+      background: transparent;
+      border: none;
+    }
+  }
+
+  .edge {
+    path {
+      stroke: ${theme.color.light[700]};
+      stroke-width: 2px;
+    }
+    &.pending path {
+      opacity: 0.3;
+    }
+    &.running path {
+      stroke-dasharray: 5, 5;
+    }
+  }
+
+  .react-flow__attribution {
+    background-color: transparent;
+    opacity: 0.1;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/dist/views/Steps/FlowChart/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/views/Steps/FlowChart/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;AACvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAA;AAC1D,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAA;AAExD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;wBAUd,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;eAkB/B,YAAY,CAAC,KAAK;oBACb,YAAY,CAAC,MAAM;;;;eAIxB,gBAAgB,CAAC,KAAK;oBACjB,gBAAgB,CAAC,MAAM;;;;eAI5B,cAAc,CAAC,KAAK;oBACf,cAAc,CAAC,MAAM;;;;;;;;;;;;;;;;eAgB1B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;0BAKX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA6Bb,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;4BAQ7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;4BACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;mCACf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;wBAYjC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;wBAStB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;gBAa9B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;CAerC,CAAA"}

package/dist/views/Steps/FlowChart/types.d.ts

@@ -0,0 +1,25 @@
+import { ChatStep } from '@stack-spot/portal-network';
+import { Node } from '@xyflow/react';
+import { ChatEntry } from '../../../state/ChatEntry.js';
+export type NodeType = 'step' | 'planning' | 'answer' | 'tool';
+export interface NodeData {
+    nextStatus: ChatStep['status'] | undefined;
+    onClick?: (toolIndex?: number) => void;
+    step: ChatStep;
+    index: number;
+    message: ChatEntry;
+    onResize?: (size: {
+        width: number;
+        height: number;
+    }) => void;
+}
+export interface NodeWithoutLayout {
+    id: string;
+    type: NodeType;
+    data?: NodeData;
+}
+export type NodeDataFullProps = NodeData & Record<string, unknown>;
+export interface NodeFullProps extends Node<NodeDataFullProps> {
+    type: NodeType;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Steps/FlowChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Steps/FlowChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE9D,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,EAAG,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAElE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC;IAC5D,IAAI,EAAE,QAAQ,CAAC;CAChB"}

package/dist/views/Steps/FlowChart/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/Steps/FlowChart/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/views/Steps/FlowChart/types.ts"],"names":[],"mappings":""}

package/dist/views/Steps/StepModal.d.ts

@@ -0,0 +1,10 @@
+import { ChatEntry } from '../../state/ChatEntry.js';
+interface Props {
+    message: ChatEntry;
+    stepId: string | undefined;
+    toolIndex?: number;
+    onClose: () => void;
+}
+export declare const StepModal: ({ message, stepId, toolIndex, onClose }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StepModal.d.ts.map

package/dist/views/Steps/StepModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepModal.d.ts","sourceRoot":"","sources":["../../../src/views/Steps/StepModal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,UAAU,KAAK;IACb,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAiHD,eAAO,MAAM,SAAS,4CAA6C,KAAK,4CAmGvE,CAAA"}

package/dist/views/Steps/StepModal.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Badge, Divider, IconButton, Row, Text } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+import { isNil } from 'lodash';
+import { useMemo, useState } from 'react';
+import { styled } from 'styled-components';
+import { Code } from '../../components/Code.js';
+import { Markdown } from '../../components/Markdown.js';
+import { Modal } from '../../components/Modal.js';
+import { ToolBadge } from '../../components/ToolBadge.js';
+import { useChatEntry } from '../../context/hooks.js';
+import { useStepsDictionary } from './dictionary.js';
+import { getTitle, toPrecision } from './utils.js';
+const StyledSection = styled.section `
+  padding: 18px 14px;
+  border-bottom: 1px solid var(--light-600);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: start;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &.restrict-image-size img {
+    max-width: 100%;
+  }
+
+  .markdown p {
+    margin-top: 0;
+  }
+
+  .tool {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    align-self: stretch;
+    gap: 6px;
+    background-color: ${theme.color.light[400]};
+    border-radius: 5px;
+    padding: 0 6px;
+
+    &:not(:last-child) {
+      border-bottom: 1px solid ${theme.color.light[500]};
+    }
+
+    hr {
+      margin: 16px 0;
+    }
+    
+    .header-code {
+      background-color: ${theme.color.light[300]};
+    }
+
+    .tool-input {
+      align-self: stretch;
+      border: 1px solid ${theme.color.light[600]};
+      margin-top: 8px;
+      &, .highlighter {
+        background: ${theme.color.light[300]} !important;
+      }
+    }
+  }
+
+  p {
+    line-height: 20px;
+  }
+
+  ul.steps {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    > li {
+      padding: 8px 12px;
+      background-color: ${theme.color.light[500]};
+      border-radius: 6px;
+    }
+
+    .step-description {
+      color: ${theme.color.light[700]};
+    }
+  }
+
+  ul.side-by-side-tools {
+    margin: 14px 0 0 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+`;
+const ExecutionBox = styled.div `
+  border-radius: 4px;
+  background-color: ${theme.color.light[500]};
+  color: ${theme.color.light[700]};
+  display: flex;
+  align-items: center;
+  .time {
+    padding: 6px 8px;
+    border-right: 1px solid ${theme.color.light[600]};
+  }
+  .navigator {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    padding: 2px 8px;
+    button {
+      width: 12px;
+      height: 12px;
+      padding: 0;
+    }
+    small {
+      line-height: 0.75rem;
+    }
+  }
+`;
+export const StepModal = ({ message, stepId, toolIndex, onClose }) => {
+    const t = useStepsDictionary();
+    const entry = useChatEntry(message);
+    const [attempt, setAttempt] = useState(0);
+    const stepIndex = useMemo(() => entry.steps?.findIndex(s => s.id === stepId) ?? -1, [entry, stepId]);
+    const step = entry.steps?.[stepIndex];
+    const showSingleTool = !isNil(toolIndex);
+    const attemptTools = step?.type === 'step' ? step.attempts[attempt]?.tools : undefined;
+    const toolsToRender = showSingleTool && attemptTools ? [attemptTools[toolIndex]].filter(Boolean) : attemptTools;
+    const tools = toolsToRender?.map(tool => (_jsxs("div", { className: "tool", children: [!showSingleTool && _jsx(ToolBadge, { name: tool.name ?? '', duration: tool.duration, image: tool.image, description: tool.description }), tool.input && _jsxs(_Fragment, { children: [_jsx(Badge, { appearance: "square", colorPalette: "cyan", children: t.input }), _jsx(Code, { language: "json", className: "tool-input", showLineNumbers: false, showActionBar: true, children: tool.input })] }), tool.output && _jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(Badge, { appearance: "square", colorPalette: "cyan", children: t.response }), _jsx(Code, { language: "json", className: "tool-input", showLineNumbers: false, showActionBar: true, children: tool.output })] })] }, tool.id)));
+    const singleTool = showSingleTool ? toolsToRender?.[0] : undefined;
+    const title = (showSingleTool
+        ? _jsxs(Row, { flex: 1, gap: "8px", children: [!!singleTool?.name && _jsx(Avatar, { size: "xxs", image: singleTool?.image, name: singleTool?.name }), _jsx(Text, { appearance: "h6", children: singleTool?.name ?? t.finalAnswer })] })
+        : _jsxs(Row, { flex: 1, justifyContent: "space-between", children: [_jsx(Text, { appearance: "h6", children: getTitle(t, step, stepIndex) }), _jsxs(ExecutionBox, { children: [_jsxs(Text, { className: "time", appearance: "microtext1", children: [step?.status === 'running' && t.running, step?.status === 'pending' && t.pending, step?.status === 'success' && `${t.executionTime}: ${step?.duration ? `${toPrecision(step?.duration)}s` : t.unknown}`] }), step?.type === 'step' && step.attempts.length > 1 && _jsxs("div", { className: "navigator", children: [attempt > 0 && (_jsx(IconButton, { icon: "ChevronLeft", size: "xs", title: t.previousAttempt, "aria-label": t.previousAttempt, onClick: () => setAttempt(attempt - 1) })), _jsxs(Text, { appearance: "microtext1", children: [attempt + 1, "/", step.attempts.length] }), attempt < step.attempts.length - 1 && (_jsx(IconButton, { icon: "ChevronRight", size: "xs", title: t.nextAttempt, "aria-label": t.nextAttempt, onClick: () => setAttempt(attempt + 1) }))] })] })] }));
+    return (_jsxs(Modal, { open: !!step, onClose: onClose, title: title, children: [step?.type === 'answer' && _jsx(StyledSection, { className: "restrict-image-size", children: entry.type === 'md' ? _jsx(Markdown, { children: entry.content }) : _jsx(Text, { children: entry.content }) }), step?.type === 'planning' && _jsxs(StyledSection, { style: { alignItems: 'stretch' }, children: [_jsx(Badge, { appearance: "square", colorPalette: "blue", style: { alignSelf: 'start' }, children: "Prompt" }), _jsx(Text, { children: step.goal }), _jsx("ul", { className: "steps", children: entry.steps?.filter(s => s.type === 'step').map((s, index) => (_jsxs("li", { children: [_jsx(Row, { mb: 2, children: _jsxs(Text, { children: [t.step, " ", index + 1, ": ", _jsx("span", { className: "step-description", children: s.input })] }) }), !!s.attempts[0].tools?.length && _jsx("ul", { className: "side-by-side-tools", children: s.attempts[0].tools.map((tool) => (_jsx("li", { children: _jsx(ToolBadge, { name: tool.name ?? '', image: tool.image }) }, tool.id))) })] }, index))) })] }), step?.type === 'step' && step?.input && _jsxs(StyledSection, { children: [_jsx(Badge, { appearance: "square", colorPalette: "blue", children: "Prompt" }), _jsx(Text, { children: step.input })] }), !!tools?.length && _jsx(StyledSection, { children: tools })] }));
+};
+//# sourceMappingURL=StepModal.js.map

package/dist/views/Steps/StepModal.js.map

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

package/dist/views/Steps/StepsPanel.d.ts

@@ -0,0 +1,6 @@
+declare const StepsPanel: ({ chatId, messageId }: {
+    chatId: string;
+    messageId: number;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default StepsPanel;
+//# sourceMappingURL=StepsPanel.d.ts.map

package/dist/views/Steps/StepsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Steps/StepsPanel.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,UAAU,0BAA2B;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,mDAoB/E,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/views/Steps/StepsPanel.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useWidget } from '../../context/hooks.js';
+import { FlowChart } from './FlowChart/index.js';
+import { StepModal } from './StepModal.js';
+const StepsPanel = ({ chatId, messageId }) => {
+    const [currentStepId, setCurrentStepId] = useState();
+    const [toolIndex, setToolIndex] = useState();
+    const widget = useWidget();
+    const message = useMemo(() => widget.chatTabs.getAll().find(c => c.id === chatId)?.getMessages().find(m => m.id === messageId), [chatId, messageId]);
+    const handleClick = (step, tooIndex) => {
+        setCurrentStepId(step.id);
+        setToolIndex(tooIndex);
+    };
+    return message ? (_jsxs(_Fragment, { children: [_jsx(FlowChart, { message: message, onClick: handleClick, direction: "TB" }), _jsx(StepModal, { message: message, stepId: currentStepId, toolIndex: toolIndex, onClose: () => setCurrentStepId(undefined) })] })) : null;
+};
+export default StepsPanel;
+//# sourceMappingURL=StepsPanel.js.map

package/dist/views/Steps/StepsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsPanel.js","sourceRoot":"","sources":["../../../src/views/Steps/StepsPanel.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAyC,EAAE,EAAE;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EACtG,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,QAAiB,EAAE,EAAE;QACxD,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACzB,YAAY,CAAC,QAAQ,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,8BACE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,IAAI,GAAG,EACpE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAI,IACvH,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,43 @@
+export declare const dictionary: {
+    en: {
+        stepsPanelDescription: string;
+        steps: string;
+        step: string;
+        response: string;
+        tools: string;
+        planning: string;
+        answer: string;
+        executionTime: string;
+        unknown: string;
+        running: string;
+        pending: string;
+        nextAttempt: string;
+        previousAttempt: string;
+        open: string;
+        close: string;
+        input: string;
+        finalAnswer: string;
+        userPrompt: string;
+    };
+    pt: {
+        stepsPanelDescription: string;
+        steps: string;
+        step: string;
+        response: string;
+        tools: string;
+        planning: string;
+        answer: string;
+        executionTime: string;
+        unknown: string;
+        running: string;
+        pending: string;
+        nextAttempt: string;
+        previousAttempt: string;
+        input: string;
+        finalAnswer: string;
+        userPrompt: string;
+    };
+};
+export declare function useStepsDictionary(): Record<"pending" | "input" | "step" | "steps" | "answer" | "running" | "tools" | "planning" | "unknown" | "stepsPanelDescription" | "response" | "executionTime" | "nextAttempt" | "previousAttempt" | "finalAnswer" | "userPrompt", string>;
+export type ToolsDictionary = typeof dictionary['en'];
+//# sourceMappingURL=dictionary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/Steps/dictionary.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCD,CAAA;AAEtB,wBAAgB,kBAAkB,iPAEjC;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA"}

package/dist/views/Steps/dictionary.js

@@ -0,0 +1,45 @@
+import { useTranslate } from '@stack-spot/portal-translate';
+export const dictionary = {
+    en: {
+        stepsPanelDescription: 'The steps and tools used to reach the answer',
+        steps: 'Steps',
+        step: 'Step',
+        response: 'Response',
+        tools: 'Tools',
+        planning: 'Planning',
+        answer: 'Final answer',
+        executionTime: 'Time',
+        unknown: 'unknown',
+        running: 'Running',
+        pending: 'Pending',
+        nextAttempt: 'Next execution',
+        previousAttempt: 'Previous execution',
+        open: 'Open',
+        close: 'Close',
+        input: 'Input',
+        finalAnswer: 'Final answer',
+        userPrompt: 'User prompt',
+    },
+    pt: {
+        stepsPanelDescription: 'Os passos e ferramentas usados para chegar na resposta',
+        steps: 'Passos',
+        step: 'Passo',
+        response: 'Resposta',
+        tools: 'Ferramentas',
+        planning: 'Planejamento',
+        answer: 'Resposta final',
+        executionTime: 'Tempo',
+        unknown: 'desconhecido',
+        running: 'Executando',
+        pending: 'Aguardando',
+        nextAttempt: 'Próxima execução',
+        previousAttempt: 'Execução anterior',
+        input: 'Entrada',
+        finalAnswer: 'Resposta final',
+        userPrompt: 'Prompt do usuário',
+    },
+};
+export function useStepsDictionary() {
+    return useTranslate(dictionary);
+}
+//# sourceMappingURL=dictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/Steps/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,qBAAqB,EAAE,8CAA8C;QACrE,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,cAAc;QACtB,aAAa,EAAE,MAAM;QACrB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,gBAAgB;QAC7B,eAAe,EAAE,oBAAoB;QACrC,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,aAAa;KAC1B;IACD,EAAE,EAAE;QACF,qBAAqB,EAAE,wDAAwD;QAC/E,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,cAAc;QACxB,MAAM,EAAE,gBAAgB;QACxB,aAAa,EAAE,OAAO;QACtB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,YAAY;QACrB,WAAW,EAAE,kBAAkB;QAC/B,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,gBAAgB;QAC7B,UAAU,EAAE,mBAAmB;KAChC;CACmB,CAAA;AAEtB,MAAM,UAAU,kBAAkB;IAChC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAA;AACjC,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * Renders the Stack selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export declare const Steps: () => null;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/views/Steps/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FallbackBoundary } from '@stack-spot/citric-react';
+import { lazy, useEffect } from 'react';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { useStepsDictionary } from './dictionary.js';
+const LazyStepsPanel = lazy(() => import('./StepsPanel.js'));
+/**
+ * Renders the Stack selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export const Steps = () => {
+    const t = useStepsDictionary();
+    const panel = useWidgetState('panel');
+    const message = useWidgetState('currentMessageInPanel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'steps' && message)
+            open(_jsx(FallbackBoundary, { children: _jsx(LazyStepsPanel, { chatId: message.chatId, messageId: message.messageId }, message.messageId) }), {
+                title: t.steps,
+                description: t.stepsPanelDescription,
+                onClose: () => {
+                    widget.set('panel', undefined);
+                    widget.set('currentMessageInPanel', undefined);
+                },
+            });
+    }, [panel, t, message]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Steps/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,CAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,GAAG,kBAAkB,EAAE,CAAA;IAC9B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,OAAO,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAA;IACvD,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,IAAI,OAAO;YAAE,IAAI,CACpC,KAAC,gBAAgB,cACf,KAAC,cAAc,IAAyB,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,IAAvE,OAAO,CAAC,SAAS,CAA0D,GAC/E,EACnB;gBACE,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,WAAW,EAAE,CAAC,CAAC,qBAAqB;gBACpC,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;oBAC9B,MAAM,CAAC,GAAG,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAA;gBAChD,CAAC;aACF,CACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/views/Steps/utils.d.ts

@@ -0,0 +1,7 @@
+import { WithIcon } from '@stack-spot/citric-icons';
+import { ChatStep } from '@stack-spot/portal-network';
+export declare function getStatusIcon(status: ChatStep['status']): import("react/jsx-runtime").JSX.Element | null;
+export declare function getTypeIcon(type: ChatStep['type']): WithIcon;
+export declare function getTitle(translation: Record<'planning' | 'step' | 'answer', string>, step: ChatStep | undefined, index: number): string | undefined;
+export declare function toPrecision(n: number, precisionDigits?: number): number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/views/Steps/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/views/Steps/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAGrD,wBAAgB,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,kDAOvD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAK5D;AAED,wBAAgB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,GAAG,MAAM,GAAG,QAAQ,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,sBAO9H;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,eAAe,SAAI,UAGzD"}

package/dist/views/Steps/utils.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { ProgressCircular } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+export function getStatusIcon(status) {
+    switch (status) {
+        case 'success': return _jsx(Icon, { group: "fill", icon: "CheckCircle", style: { color: theme.color.success[500] } });
+        case 'error': return _jsx(Icon, { group: "fill", icon: "TimesCircle", style: { color: theme.color.danger[500] } });
+        case 'running': return _jsx(ProgressCircular, { colorScheme: "inverse", size: "xs" });
+        default: return null;
+    }
+}
+export function getTypeIcon(type) {
+    switch (type) {
+        case 'planning': return { group: 'fill', icon: 'ChevronRight' };
+        default: return { group: 'outline', icon: 'StackSpot' };
+    }
+}
+export function getTitle(translation, step, index) {
+    if (!step)
+        return '';
+    switch (step.type) {
+        case 'planning': return translation.planning;
+        case 'step': return `${translation.step} ${index}`;
+        case 'answer': return translation.answer;
+    }
+}
+export function toPrecision(n, precisionDigits = 1) {
+    const factor = Math.pow(10, precisionDigits);
+    return Math.round(n * factor) / factor;
+}
+//# sourceMappingURL=utils.js.map

package/dist/views/Steps/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/views/Steps/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAY,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,MAAM,UAAU,aAAa,CAAC,MAA0B;IACtD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS,CAAC,CAAC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAI,CAAA;QAC3G,KAAK,OAAO,CAAC,CAAC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAI,CAAA;QACxG,KAAK,SAAS,CAAC,CAAC,OAAO,KAAC,gBAAgB,IAAC,WAAW,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CAAA;QAC3E,OAAO,CAAC,CAAC,OAAO,IAAI,CAAA;IACtB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAsB;IAChD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,CAAA;QAC/D,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;IACzD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,WAA2D,EAAE,IAA0B,EAAE,KAAa;IAC7H,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAA;IACpB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,UAAU,CAAC,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAA;QAC5C,KAAK,MAAM,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI,KAAK,EAAE,CAAA;QAClD,KAAK,QAAQ,CAAC,CAAC,OAAO,WAAW,CAAC,MAAM,CAAA;IAC1C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,CAAS,EAAE,eAAe,GAAG,CAAC;IACxD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,eAAe,CAAC,CAAA;IAC5C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,CAAA;AACxC,CAAC"}

package/dist/views/Tools.d.ts

@@ -0,0 +1,2 @@
+export declare const Tools: () => null;
+//# sourceMappingURL=Tools.d.ts.map

package/dist/views/Tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tools.d.ts","sourceRoot":"","sources":["../../src/views/Tools.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,KAAK,YAejB,CAAA"}