@stack-spot/ai-chat-widget 1.18.0-beta.0 → 1.18.0-beta.10

package/dist/views/Workspaces/WorkspacesTab.js

@@ -1,21 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, Flex, IconBox, Image, Text } from '@citric/core';
-import { Agent, Circle, KnowledgeSource, Stack } from '@citric/icons';
+import { Agent, KnowledgeSource, Spaces, Stack } from '@citric/icons';
 import { Avatar } from '@citric/ui';
 import { workspaceAiClient } from '@stack-spot/portal-network';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { useTransition } from 'react';
 import { useComponentNavigation } from '../../components/ComponentNavigator.js';
-import { ListGroup } from '../../components/ListGroup.js';
+import { Loading } from '../../components/FallbackBoundary/Loading.js';
+import { ListResource } from '../../components/ListResource.js';
 import { CardSpace, WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator.js';
 import { AgentsTab } from '../Agents/AgentsTab.js';
 import { KnowledgeSourcesTab } from '../KnowledgeSources.js';
 import { StacksTab } from '../Stacks.js';
 const SpaceCard = ({ workspaceId }) => {
     const workspace = workspaceAiClient.workspaceAi.useQuery({ id: workspaceId });
-    return _jsxs(Flex, { flexDirection: "column", sx: { gap: '8px' }, children: [_jsxs(Flex, { alignItems: "center", sx: { gap: '4px' }, children: [workspace.logo
-                        ? _jsx(Image, { src: workspace.logo })
-                        : _jsx(Avatar, { size: "xxs", appearance: "square", sx: { bg: 'light.500' }, children: _jsx(IconBox, { children: _jsx(Circle, {}) }) }), _jsxs(Text, { appearance: "body2", weight: "medium", children: [workspace.name, " "] })] }), _jsx(Text, { colorScheme: "light.700", children: workspace.description })] });
+    return _jsx(Flex, { flexDirection: "column", sx: { gap: '8px' }, children: _jsxs(Flex, { flexDirection: "column", sx: { gap: '4px' }, children: [_jsxs(Flex, { alignContent: "center", alignItems: "center", sx: { gap: '8px', m: 1 }, children: [_jsx(Avatar, { size: "xxs", appearance: "square", sx: { bg: 'light.600', r: 'xxs' }, children: workspace.logo ? _jsx(Image, { src: workspace.logo }) : _jsxs(IconBox, { children: [" ", _jsx(Spaces, {}), " "] }) }), _jsxs(Text, { appearance: "body2", weight: "medium", children: [workspace.name, " "] })] }), _jsx(Text, { colorScheme: "light.700", children: workspace.description })] }) });
 };
 const showSubmitButton = false;
 export const WorkspaceResources = ({ workspaceId, allKS, agent, stack }) => {
@@ -36,7 +35,8 @@ export const WorkspaceResources = ({ workspaceId, allKS, agent, stack }) => {
                 navigate({ component: 'stack', props: { visibility: 'workspace', stack, workspaceId, showSubmitButton }, fullScreen: true });
         });
     };
-    return (_jsxs(_Fragment, { children: [workspaceId && _jsx(SpaceCard, { workspaceId: workspaceId }), _jsx(ListGroup, { list: resourceTypes, keygen: w => w.id, onClick: (resource) => { handleNavigate(resource); }, renderLabel: r => _jsx(CardSpace, { name: r.displayName, icon: r.icon, onClick: () => handleNavigate(r) }), style: { gap: '6px', display: 'flex', flexDirection: 'column', opacity: isPending ? '0.5' : '1' } })] }));
+    return (_jsxs(_Fragment, { children: [workspaceId && _jsx(SpaceCard, { workspaceId: workspaceId }), isPending ? _jsx(Loading, {}) :
+                _jsx(ListResource, { list: resourceTypes, keygen: w => w.id, renderLabel: r => _jsx(CardSpace, { name: r.displayName, icon: r.icon, onClick: () => handleNavigate(r) }), style: { gap: '6px', display: 'flex', flexDirection: 'column' } })] }));
 };
 const workspaceTabComponents = {
     workspaceResource: WorkspaceResources,

package/dist/views/Workspaces/WorkspacesTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesTab.js","sourceRoot":"","sources":["../../../src/views/Workspaces/WorkspacesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IAC7D,MAAM,SAAS,GAAG,iBAAiB,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAC7E,OAAO,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACpD,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACzC,SAAS,CAAC,IAAI;wBACb,CAAC,CAAC,KAAC,KAAK,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,GAAI;wBAChC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,YAAE,KAAC,OAAO,cAAC,KAAC,MAAM,KAAG,GAAU,GAAS,EAC1G,MAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,aAAE,SAAS,CAAC,IAAI,SAAS,IAC5D,EAEP,KAAC,IAAI,IAAC,WAAW,EAAC,WAAW,YAAE,SAAS,CAAC,WAAW,GAAQ,IACvD,CAAA;AACT,CAAC,CAAA;AAmBD,MAAM,gBAAgB,GAAG,KAAK,CAAA;AAE9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAA8B,EAAE,EAAE;IACrG,MAAM,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAiC,CAAA;IAC5E,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,CAAA;IACpD,MAAM,aAAa,GAAwB;QACzC,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,KAAC,KAAK,KAAG,EAAE;QAC5F,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE,WAAW,EAAE,IAAI,EAAE,KAAC,eAAe,KAAG,EAAE;QAC1G,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,KAAC,KAAK,KAAG,EAAE;KAC5F,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,QAA2B,EAAE,EAAE;QACrD,eAAe,CAAC,GAAG,EAAE;YACnB,IAAI,QAAQ,CAAC,YAAY,KAAK,OAAO;gBACnC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAA;YAE9H,IAAI,QAAQ,CAAC,YAAY,KAAK,IAAI;gBAChC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAA;YAE3H,IAAI,QAAQ,CAAC,YAAY,KAAK,OAAO;gBACnC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAA;QAChI,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CAAC,8BACL,WAAW,IAAI,KAAC,SAAS,IAAC,WAAW,EAAE,WAAW,GAAI,EACvD,KAAC,SAAS,IACR,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,EACnD,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,GAAI,EACpG,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GACjG,IACD,CACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,kBAAkB;IACrC,KAAK,EAAE,SAAS;IAChB,EAAE,EAAE,mBAAmB;IACvB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAY;IACnF,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,mBAAmB,GAAG,CAAC,SAA4B,EAAE,EAAE,CAAC,CAAC;QAC7D,SAAS,EAAE,mBAAmB;QAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,EAAuC;QAC1G,UAAU,EAAE,IAAI;KACjB,CAAC,CAAA;IAEF,OAAO,CAAC,8BACN,KAAC,qBAAqB,IACpB,UAAU,EAAE,sBAAsB,EAClC,gBAAgB,EAAE,mBAAmB,EACrC,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,QAAQ,YAAI,CAAC,CAAC,KAAK,GAAU,IAC1E,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,OAAO;KACf;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;KACjB;CACmB,CAAA"}
+{"version":3,"file":"WorkspacesTab.js","sourceRoot":"","sources":["../../../src/views/Workspaces/WorkspacesTab.tsx"],"names":[],"mappings":"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"}

package/dist/views/Workspaces/index.js

@@ -51,24 +51,15 @@ const WorkspacesPanel = () => {
 };
 const dictionary = {
     en: {
-        title: 'Spaces',
-        description: 'By selecting a space, its Knowledge Sources (KSs), Agents, Quick Commands and Stacks Ai will be consulted to generate the answers.',
-        apply: 'Apply',
+        title: 'Spot',
+        description: 'By selecting a spot, its Knowledge Sources (KSs), Agents, Quick Commands and Stacks Ai will be consulted to generate the answers.',
         noSearchResults: "Your search didn't yield results.",
-        noSearchResultsDescription: 'Please, try another search term.',
-        noData: 'There are no spaces yet.',
-        noDataDescription: 'Use the AI portal to create new spaces.',
         all: 'All',
         favorites: 'Favorites',
     },
     pt: {
-        title: 'Spaces',
-        description: 'Ao selecionar um space, seus Knowledge Sources (KSs), Agentes, Quick Commands e Stacks Ai serão consultados para gerar as respostas.',
-        apply: 'Aplicar',
-        noSearchResults: 'Sua busca não produziu resultados',
-        noSearchResultsDescription: 'Por favor, tente outra busca.',
-        noData: 'Ainda não há spaces.',
-        noDataDescription: 'Use o Portal AI para criar novos spaces.',
+        title: 'Spot',
+        description: 'Ao selecionar um spot, seus Knowledge Sources (KSs), Agentes, Quick Commands e Stacks Ai serão consultados para gerar as respostas.',
         all: 'Todos',
         favorites: 'Favoritos',
     },

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "1.18.0-beta.0",
+  "version": "1.18.0-beta.10",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,8 +12,8 @@
   "peerDependencies": {
     "@citric/core": "^6.4.0",
     "@stack-spot/portal-components": "^2.22.1",
-    "@citric/icons": "^5.9.0",
-    "@stack-spot/portal-network": "^0.119.0",
+    "@citric/icons": "^5.11.0",
+    "@stack-spot/portal-network": "^0.119.1",
     "@citric/ui": "^6.7.0",
     "@stack-spot/portal-theme": "^1.0.0",
     "@stack-spot/portal-translate": "^1.1.0",

package/src/app-metadata.json

@@ -1,7 +1,7 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "1.17.1",
-  "date": "Tue Apr 29 2025 18:56:41 GMT-0300 (Brasilia Standard Time)",
+  "version": "1.18.0-beta.10",
+  "date": "Fri May 02 2025 11:09:02 GMT-0300 (Brasilia Standard Time)",
   "dependencies": [
     {
       "name": "@stack-spot/app-metadata",
@@ -93,11 +93,11 @@
     },
     {
       "name": "@citric/icons",
-      "version": "5.9.0(react@18.2.0)"
+      "version": "5.11.0(react@18.2.0)"
     },
     {
       "name": "@citric/ui",
-      "version": "6.7.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.9.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
+      "version": "6.7.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.11.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
     },
     {
       "name": "@dagrejs/dagre",
@@ -109,11 +109,11 @@
     },
     {
       "name": "@stack-spot/portal-components",
-      "version": "2.22.1(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.9.0(react@18.2.0))(@citric/ui@6.7.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.9.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-theme@1.1.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-translate@1.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "2.22.1(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.11.0(react@18.2.0))(@citric/ui@6.7.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.11.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-theme@1.1.0(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-translate@1.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-network",
-      "version": "0.119.0(@stack-spot/auth@5.3.2)(@stack-spot/opa@2.5.0(@stack-spot/auth@5.3.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@stack-spot/portal-translate@1.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@tanstack/react-query@5.59.16(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "0.119.1(@stack-spot/auth@5.3.2)(@stack-spot/opa@2.5.0(@stack-spot/auth@5.3.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@stack-spot/portal-translate@1.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@tanstack/react-query@5.59.16(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-theme",

package/src/components/ComponentNavigator.tsx

@@ -3,25 +3,50 @@ import { ArrowLeft } from '@citric/icons'
 import { IconButton } from '@citric/ui'
 import { createContext, useCallback, useContext, useMemo, useState } from 'react'
 
+/**
+ * Map of string keys to React components.
+ */
 export type NavigationMap = Record<string, React.ComponentType<any>>
 
-export type NavigationItem<T extends NavigationMap, K extends keyof T = keyof T> = {
+/**
+ * Navigation component describing which component to render and its props.
+ */
+export type NavigationComponent<T extends NavigationMap, K extends keyof T = keyof T> = {
+  /** Component key to render. */
   component: K,
+
+  /** Props for the component. */
   props?: T[K] extends React.ComponentType<infer P> ? P : never,
+
+  /** Render in fullscreen mode. */
   fullScreen?: boolean,
 }
 
 export interface NavigationContextType<T extends NavigationMap> {
-  navigate: <K extends keyof T>(item: NavigationItem<T, K>) => Promise<void>,
+  /** Navigate to a new component. */
+  navigate: <K extends keyof T>(item: NavigationComponent<T, K>) => Promise<void>,
+
+  /** Go back to previous component. */
   goBack: () => void,
+
+  /** True if can go back. */
   canGoBack: boolean,
-  currentItem: NavigationItem<T>,
+
+  /** Current component. */
+  currentItem: NavigationComponent<T>,
 }
 
 export interface ComponentNavigatorProps<T extends NavigationMap, K extends keyof T> {
-  initialItem: NavigationItem<T, K>,
+  /** Initial component to render. */
+  initialItem: NavigationComponent<T, K>,
+  
+   /** Map of available components. */
   components: T,
-  renderTitle?: (item: NavigationItem<T, keyof T>) => React.ReactNode,
+
+  /** Optional title renderer. */
+  renderTitle?: (item: NavigationComponent<T, keyof T>) => React.ReactNode,
+  
+   /** Optional CSS class. */
   className?: string,
 }
 
@@ -33,10 +58,10 @@ export function ComponentNavigator<T extends NavigationMap, K extends keyof T>({
   renderTitle,
   className,
 }: ComponentNavigatorProps<T, K>) {
-  const [navigationStack, setNavigationStack] = useState<NavigationItem<T>[]>([initialItem])
+  const [navigationStack, setNavigationStack] = useState<NavigationComponent<T>[]>([initialItem])
   const currentItem = navigationStack[navigationStack.length - 1]
 
-  const navigate = useCallback((item: NavigationItem<T>) => { setNavigationStack((prev) => [...prev, item]) }, [])
+  const navigate = useCallback((item: NavigationComponent<T>) => { setNavigationStack((prev) => [...prev, item]) }, [])
   const canGoBack = navigationStack.length > 1
   const goBack = useCallback(() => {
     if (canGoBack) {

package/src/components/ListResource.tsx

@@ -0,0 +1,60 @@
+import { Box, Flex, Text } from '@citric/core'
+import { WithStyle } from '@stack-spot/portal-theme'
+import { useMemo } from 'react'
+
+/**
+ *
+ * @template T Type of list item.
+ */
+interface ListGroupProps<T> extends WithStyle {
+
+  /** Items to show. */
+  list: T[],
+  
+  /** Render the label for an item. */
+  renderLabel: (item: T) => React.ReactNode,
+
+  /** Optional: element before label. */
+  renderBeforeElement?: (item: T) => React.ReactNode,
+
+  /** Optional: element after label. */
+  renderAfterElement?: (item: T) => React.ReactNode,
+
+  /** Optional: custom class name per item. */
+  optionClassName?: (item: T) => string | undefined,
+
+  /** Optional: custom style per item. */
+  optionStyle?: (item: T) => React.CSSProperties | undefined,
+
+  /** Unique key for each item. */
+  keygen: (item: T) => React.Key,
+}
+
+/**
+ * Renders a customizable list of items.
+ *
+ * @template T Type of list item.
+ */
+export function ListResource<T>({ list, renderLabel, renderBeforeElement, renderAfterElement, className, keygen, style }
+  : ListGroupProps<T>) {
+  const items = useMemo(() =>
+    list.map((listItem) => {
+      const label = renderLabel(listItem)
+      const content = typeof label === 'string' ? <Text>{label}</Text> : label
+      return (
+        <li key={keygen(listItem)}>
+          <Flex alignItems="center">
+            {renderBeforeElement?.(listItem)}
+            {content}
+            {renderAfterElement?.(listItem)}
+          </Flex>
+        </li>
+      )
+    }), [list])
+    
+  return (
+    <Box as="ul" m={0} p={0} w={12} style={style} className={className}>
+      {items}
+    </Box>
+  )
+}

package/src/components/Selector/index.tsx

@@ -269,7 +269,7 @@ const dictionary = {
     account: 'Account',
     shared: 'Shared',
     builtIn: 'Built-in',
-    workspace: 'Space',
+    workspace: 'Spot',
     error: 'Could not load the $0s.',
     noData: 'You don\'t have any $0 yet.',
     noResults: 'There are no $0s to show here.',
@@ -281,7 +281,7 @@ const dictionary = {
     personal: 'Pessoal',
     account: 'Conta',
     shared: 'Compartilhado',
-    workspace: 'Space',
+    workspace: 'Spot',
     builtIn: 'Embutido',
     error: 'Não foi possível carregar os $0s.',
     noData: 'Você ainda não possui $0s.',

package/src/components/WorkspaceTabNavigator.tsx

@@ -1,5 +1,5 @@
-import { Box, Flex, IconBox, Text } from '@citric/core'
-import { ArrowRight, Circle, Search, Times } from '@citric/icons'
+import { Box, Flex, IconBox, Image, Text } from '@citric/core'
+import { ArrowRight, Search, Spaces, Times } from '@citric/icons'
 import { Avatar, IconButton } from '@citric/ui'
 import { Placeholder } from '@stack-spot/portal-components/Placeholder'
 import { workspaceAiClient } from '@stack-spot/portal-network'
@@ -8,11 +8,18 @@ import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import { memo, useMemo, useState } from 'react'
 import { useRightPanel } from '../right-panel/hooks'
 import { ButtonFavorite } from './ButtonFavorite'
-import { ComponentNavigator, ComponentNavigatorProps, NavigationItem, NavigationMap, useComponentNavigation } from './ComponentNavigator'
+import { ComponentNavigator, ComponentNavigatorProps, NavigationComponent, NavigationMap, useComponentNavigation } from './ComponentNavigator'
 import { IconInput } from './IconInput'
-import { ListGroup } from './ListGroup'
+import { ListResource } from './ListResource'
 
-export const CardSpace = ({ onClick, name, icon }: { onClick: VoidFunction, name: string, icon: React.ReactElement }) =>
+interface CardSpaceProps {
+  onClick: VoidFunction,
+  name: string,
+  icon: React.ReactElement,
+  logoUrl?: string | null,
+}
+
+export const CardSpace = ({ onClick, name, icon, logoUrl }: CardSpaceProps) =>
   <Flex
     onClick={onClick}
     flex={1}
@@ -24,13 +31,11 @@ export const CardSpace = ({ onClick, name, icon }: { onClick: VoidFunction, name
     p={3}
     sx={{ cursor: 'pointer' }}
   >
-    <Flex alignContent="center" alignItems="center" sx={{ gap: '8px' }} >
-      <Avatar size="xxs" appearance="square" sx={{ bg: 'light.600', r: 'xxs'  }}>
-        <IconBox>
-          {icon}
-        </IconBox>
+    <Flex alignContent="center" alignItems="center" sx={{ gap: '8px', m: 1 }} >
+      <Avatar size="xxs" appearance="square" sx={{ bg: 'light.600', r: 'xxs' }}>
+        {logoUrl ? <Image src={logoUrl} /> : <IconBox> {icon} </IconBox>}
       </Avatar>
-      <Text>{name}</Text>
+      <Text appearance="body2">{name}</Text>
     </Flex>
     <IconButton><ArrowRight /></IconButton>
   </Flex>
@@ -89,14 +94,13 @@ const WorkspaceSourcesTab = ({ visibility, onClick }: WorkspaceSourcesTabProps)
       <Box w={12}>
         <IconInput icon={<Search />} value={filter} onChange={setFilter} className="search" />
       </Box>
+
       {!!filtered.length &&
-        <ListGroup
+        <ListResource
           list={filtered}
           keygen={w => w.id}
-          onClick={onClick}
           style={{ gap: '6px', display: 'flex', flexDirection: 'column' }}
-          renderLabel={w => <CardSpace name={w.name} icon={<Circle />} onClick={() => onClick(w)} />}
-          renderDescription={w => w.description}
+          renderLabel={w => <CardSpace name={w.name} logoUrl={w.logo} icon={<Spaces />} onClick={() => onClick(w)} />}
           renderAfterElement={(w) =>
             <ButtonFavorite favorite={{ idOrSlug: w?.id, listFavorites, onAddFavorite, onRemoveFavorite }} />}
           optionClassName={w => (filter && !w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
@@ -106,29 +110,30 @@ const WorkspaceSourcesTab = ({ visibility, onClick }: WorkspaceSourcesTabProps)
           className="option-list"
         />
       }
-      {!!workspaces.length && !filtered.length &&
-        <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder" />}
-      {!workspaces.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
+      <Box w={12}>
+        {!!workspaces.length && !filtered.length &&
+          <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder" />}
+        {!workspaces.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
+      </Box>
     </>
   )
 }
 
 
-const WorkspaceHeader = <T extends NavigationMap, K extends keyof T>({ data }: { data: NavigationItem<T, K> }) => {
+const WorkspaceHeader = <T extends NavigationMap, K extends keyof T>({ data }: { data: NavigationComponent<T, K> }) => {
   const { close: closeRightPanel } = useRightPanel()
   const workspaceId = (data.props as any)['workspaceId']
   if (!workspaceId) return
 
   const workspace = workspaceAiClient.workspaceAi.useQuery({ id: workspaceId })
   return <Flex justifyContent="space-between" alignItems="center" flex={1}>
-    {data.component === 'workspaceResource' ? 'Spaces' : workspace.name}
+    {data.component === 'workspaceResource' ? 'Spots' : workspace.name}
     {data.fullScreen && <IconButton title={'t.close'} aria-label={'t.close'} onClick={closeRightPanel}>  <Times /> </IconButton>}
   </Flex>
 }
 
-
 interface WorkspaceTabNavigatorProps {
-  getNavigateParam: (workspace: WorkspaceResponse) => NavigationItem<NavigationMap, string>,
+  getNavigateParam: (workspace: WorkspaceResponse) => NavigationComponent<NavigationMap, string>,
   visibility?: WorkspaceVisibilityLevelEnum,
   className?: string,
 }
@@ -164,7 +169,7 @@ const dictionary = {
     noSearchResultsDescription: 'Por favor, tente outra busca.',
     noData: 'Ainda não há spaces.',
     noDataDescription: 'Use o Portal AI para criar novos spaces.',
-    apply: 'Apply',
+    apply: 'Aplicar',
   },
 } satisfies Dictionary
 

package/src/components/form/DescribedCheckboxGroup.tsx

@@ -11,17 +11,17 @@ import { CheckProps } from './types'
  * The description in placed under the label and checkbox as an accordion.
  */
 export function DescribedCheckboxGroup<T>({
-  keygen,
-  onChange,
-  options,
-  renderDescription,
-  renderLabel,
-  renderBeforeElement,
-  renderAfterElement,
-  optionClassName,
-  optionStyle,
-  value,
-  className,
+  keygen, 
+  onChange, 
+  options, 
+  renderDescription, 
+  renderLabel, 
+  renderBeforeElement, 
+  renderAfterElement, 
+  optionClassName, 
+  optionStyle, 
+  value, 
+  className, 
   style }: CheckProps<T>) {
   const t = useTranslate(dictionary)
   const allSelected = options.length > 0 && options.every(option => value.includes(option))
@@ -67,7 +67,7 @@ export function DescribedCheckboxGroup<T>({
   }), [options, value])
 
   return <RadioCheckBox style={style} className={className}>
-    <Flex as="li" alignItems="center" sx={{ pl: 4 }}>
+    <Flex as="li" alignItems="center" ml={3} pl={1}>
       <Checkbox
         checked={allSelected}
         onChange={handleSelectAll}

package/src/index.ts

@@ -1,5 +1,6 @@
 /* Attention: in order for the package "page" to work without linking the lib, we must export types separately, using the "type" keyword */
 
+export { ProgressBar } from './components/ProgressBar'
 export { QuickStartButton } from './components/QuickStartButton'
 export { AIWidgetProvider } from './context/AIWidgetProvider'
 export * from './context/hooks'
@@ -7,6 +8,7 @@ export { getFeaturesWithDefaults } from './features'
 export type { AIWidgetFeatures, ChatFeatures } from './features'
 export { StackspotAIWidget } from './StackspotAIWidget'
 export { ChatEntry } from './state/ChatEntry'
+export type { ChatAction } from './state/ChatEntry'
 export { ChatState } from './state/ChatState'
 export type { MessageInterceptor } from './state/ChatState'
 export { ChatTabsController } from './state/ChatTabsController'

package/src/state/ChatEntry.ts

@@ -144,6 +144,10 @@ export interface TextChatEntry {
     maxLength?: number,
     pattern?: string,
   },
+  /**
+   * Valid for input types.
+   */
+  initialValue?: string[],
 }
 
 type ChatEntryListener = (value: TextChatEntry) => void

package/src/views/Agents/AgentsPanel.tsx

@@ -30,7 +30,7 @@ export const AgentsPanel = () => {
     { title: t.builtin, content: <AgentsTab key="builtin" visibility="BUILT-IN" agent={agent} /> },
     { title: t.personal, content: <AgentsTab key="personal" visibility="PERSONAL" agent={agent} /> },
     { title: t.shared, content: <AgentsTab key="shared" visibility="SHARED" agent={agent} /> },
-    { title: t.spaces, content: <AgentsTabWorkspace key="workspace"  visibility="WORKSPACE" agent={agent} /> },
+    { title: t.spots, content: <AgentsTabWorkspace key="workspace"  visibility="WORKSPACE" agent={agent} /> },
     { title: t.account, content: <AgentsTab key="account" visibility="ACCOUNT" agent={agent} /> },
  
   ], [t, isTrial, agent])

package/src/views/Agents/AgentsTab.tsx

@@ -7,7 +7,7 @@ import { AgentResponse, VisibilityLevel } from '@stack-spot/portal-network/api/a
 import { WorkspaceResponse } from '@stack-spot/portal-network/api/workspace-ai'
 import { useCallback, useMemo, useState } from 'react'
 import { ButtonFavorite } from '../../components/ButtonFavorite'
-import { NavigationItem } from '../../components/ComponentNavigator'
+import { NavigationComponent } from '../../components/ComponentNavigator'
 import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup'
 import { IconInput } from '../../components/IconInput'
 import { WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator'
@@ -119,7 +119,7 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
 export function AgentsTabWorkspace({ agent, visibility, showSubmitButton }: AgentTabProps) {
   const workspaceTabComponents = useMemo(() => ({ agent: AgentsTab }), [agent])
 
-  const buildNavigateParams = (workspace: WorkspaceResponse): NavigationItem<typeof workspaceTabComponents> => ({
+  const buildNavigateParams = (workspace: WorkspaceResponse): NavigationComponent<typeof workspaceTabComponents> => ({
     component: 'agent',
     props: { visibility, workspaceId: workspace.id, agent, showSubmitButton },
   })

package/src/views/Agents/dictionary.ts

@@ -17,7 +17,7 @@ const dictionary = {
     description: 'Description',
     favorites: 'Favorites',
     tools: 'Tools',
-    spaces: 'Spaces',
+    spots: 'Spots',
   },
   pt: {
     title: 'Agentes',
@@ -35,7 +35,7 @@ const dictionary = {
     description: 'Descrição',
     favorites: 'Favoritos',
     tools: 'Ferramentas',
-    spaces: 'Spaces',
+    spots: 'Spots',
 
   },
 } satisfies Dictionary

package/src/views/Chat/ChatMessage.tsx

@@ -61,7 +61,8 @@ const RenderInputsEntry = ({ isLast, entry, value, setValue, labels, setLabels }
 
   const renderInputs = () => {
     if (entry.type === 'input-text') {
-      return <Input name={entry.name}  
+      return <Input name={entry.name}
+        value={value[0] ?? ''}
         sx={{ maxWidth: '500px' }}
         autoFocus
         {...entry.validations} onChange={(data) => setValue([data.target.value])} required={entry.required} />
@@ -113,7 +114,7 @@ const RenderInputsEntry = ({ isLast, entry, value, setValue, labels, setLabels }
 
     if (entry.type === 'input-checkbox') {
       return <Flex className="checkbox-group">
-        {entry.options?.map((option) => (<Flex w={6} key={option.label} alignItems="center" className="checkbox-item">
+        {entry.options?.map((option) => (<Flex as="label" w={6} key={option.label} alignItems="center" className="checkbox-item">
           <Checkbox name={entry.name} key={option.label} onChange={(data) => {
             if (data.target.checked) {
               setValue([...value, option.label])
@@ -159,8 +160,8 @@ const RenderInputsEntry = ({ isLast, entry, value, setValue, labels, setLabels }
 export const ChatMessage = ({ message, username, isLast }: Props) => {
   const t = useTranslate(dictionary)
   const [liked, setLiked] = useState<boolean | undefined>()
-  const [value, setValue] = useState<string[]>([])
-  const [labels, setLabels] = useState<string[]>([])
+  const [value, setValue] = useState<string[]>(message.getValue()?.initialValue ?? [])
+  const [labels, setLabels] = useState<string[]>(message.getValue()?.initialValue ?? [])
   const entry = useChatEntry(message)
   const dateFormatter = useDateFormatter()
   const userInfo = entry.agentType === 'user' ? <Avatar size="xs">{username}</Avatar> : <AgentInfo agent={entry.agent} />
@@ -267,7 +268,7 @@ export const ChatMessage = ({ message, username, isLast }: Props) => {
   }
 
   return (entry.content || entry.error || !!entry.steps?.length) && (
-    <li className={entry.agentType} ref={ref}>
+    <li key={entry.messageId} className={entry.agentType} ref={ref}>
       <div className="chat-message" ref={chatRef} onKeyDown={handleKeyDown} tabIndex={0}>
         <div className={`user-info ${entry.agentType}`}>{userInfo}</div>
         {(entry.content || entry.steps) && <div className={listToClass(['message-content', entry.card && 'card', entry.type])}>

package/src/views/Chat/StepsList.tsx

@@ -1,5 +1,5 @@
 import { Button, IconBox, Text } from '@citric/core'
-import { CheckCircleFill, Circle, PlayFill, TimesCircleFill } from '@citric/icons'
+import { CheckCircleFill, PlayFill, Spaces, TimesCircleFill } from '@citric/icons'
 import { LoadingCircular } from '@citric/ui'
 import { AnimatedHeight } from '@stack-spot/portal-components/AnimatedHeight'
 import { ChatStep, StepChatStep } from '@stack-spot/portal-network'
@@ -27,7 +27,7 @@ function getStatusIcon(status: ChatStep['status']) {
   switch (status) {
     case 'error': return <IconBox {...iconBoxProps}><TimesCircleFill /></IconBox>
     case 'success': return <IconBox {...iconBoxProps}><CheckCircleFill /></IconBox>
-    case 'pending': return <IconBox {...iconBoxProps}><Circle /></IconBox>
+    case 'pending': return <IconBox {...iconBoxProps}><Spaces /></IconBox>
     case 'running': return <LoadingCircular className="loading" colorScheme="inverse" size="xs" />
   }
 }

package/src/views/ChatHistory/utils.ts

@@ -44,14 +44,19 @@ export async function findWorkspace(id: string | null): Promise<ChatProperties['
  */
 export async function getAllAgents(): Promise<LabeledWithImage[]> {
   try {
-    const [agents, publicAgents, workspaceAgents] = await Promise.all([
-      agentClient.agents.query({}),
+    const [agentsAccount, agentsPersonal, agentsShared, publicAgents, workspaceAgents] = await Promise.all([
+      agentClient.agents.query({ visibility: 'ACCOUNT' }),
+      agentClient.agents.query({ visibility: 'PERSONAL' }),
+      agentClient.agents.query({ visibility: 'SHARED' }),
       agentClient.publicAgents.query({}),
+
       workspaceAiClient.workspacesContentsByType.query({ contentType: 'agent' }),
     ])
-   
+
+    const workspaceAgentsAsArray = workspaceAgents.flatMap(({ agents }) => agents)
     const builtInAgents = publicAgents.map((a) => ({ id: a.id, label: a.name, image: a.avatar, slug: a.slug, builtIn: true }))
-    return [...agents, ... workspaceAgents.agents].map(a => ({ id: a.id, label: a.name, image: a.avatar, slug: a.slug, builtIn: false }))
+    return [...agentsAccount, ...agentsPersonal, ...agentsShared, ...workspaceAgentsAsArray]
+      .map(a => ({ id: a?.id, label: a?.name, image: a?.avatar, slug: a?.slug, builtIn: false }))
       .concat(builtInAgents)
   } catch (error) {
     // eslint-disable-next-line no-console