@aintela/chat 0.2.15

package/dist/src/utils/materialIconsList.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Material Icons List
+ *
+ * This file contains a curated list of 200 Material Icons for use with
+ * the Material Icons font: <i className="material-icons">icon_name</i>
+ *
+ * Each icon has:
+ * - iconName: lowercase snake_case name for use in the material-icons class
+ * - friendlyName: Human-readable display name
+ */
+export interface MaterialIcon {
+    iconName: string;
+    friendlyName: string;
+}
+/**
+ * Curated list of 200 Material Icons
+ */
+export declare const materialIcons: MaterialIcon[];
+/**
+ * Get an icon by its snake_case name
+ */
+export declare function getIconByName(iconName: string): MaterialIcon | undefined;
+/**
+ * Search icons by friendly name (case-insensitive partial match)
+ */
+export declare function searchIcons(query: string): MaterialIcon[];
+/**
+ * Icons grouped by category for easier browsing
+ */
+export declare const iconCategories: {
+    action: MaterialIcon[];
+    navigation: MaterialIcon[];
+    communication: MaterialIcon[];
+    content: MaterialIcon[];
+    status: MaterialIcon[];
+    device: MaterialIcon[];
+    time: MaterialIcon[];
+    location: MaterialIcon[];
+    social: MaterialIcon[];
+    editor: MaterialIcon[];
+};
+export default materialIcons;

package/dist/src/utils/materialIconsSvg.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Material Icons SVG Definitions
+ * Maps Material Icons names to their SVG path definitions
+ */
+export interface MaterialIconSvg {
+    name: string;
+    viewBox: string;
+    svg: string;
+}
+/**
+ * Material Icons SVG mapping
+ * Sources: Google Material Design Icons
+ */
+export declare const MATERIAL_ICONS_SVG: Record<string, MaterialIconSvg>;
+/**
+ * Downloads an icon SVG from Google's Material Icons CDN
+ * @param iconName - Name of the Material Icon
+ * @returns SVG content or null if not found
+ */
+export declare function downloadMaterialIconSvg(iconName: string): Promise<string | null>;
+/**
+ * Gets SVG content for an icon (from cache or downloads from Google)
+ * @param iconName - Name of the Material Icon
+ * @returns SVG path data or null if not found
+ */
+export declare function getMaterialIconSvg(iconName: string): Promise<MaterialIconSvg | null>;
+/**
+ * Creates an SVG element from Material Icon data
+ * @param iconData - The icon SVG data
+ * @param className - CSS class for the SVG (default: 'material-icons-svg')
+ * @param style - Inline styles for the SVG
+ * @returns Complete SVG element string
+ */
+export declare function createSvgElement(iconData: MaterialIconSvg, className?: string, style?: string): string;
+/**
+ * Transforms Material Icons <i> tags to SVG elements
+ * @param html - HTML string containing <i class="material-icons"> elements
+ * @returns HTML with icons replaced by SVG elements
+ */
+export declare function transformMaterialIconsToSvg(html: string): Promise<string>;
+/**
+ * Adds a new icon to the SVG mapping
+ * @param iconName - Name of the icon
+ * @param svgData - SVG data for the icon
+ */
+export declare function addMaterialIconSvg(iconName: string, svgData: MaterialIconSvg): void;
+/**
+ * Gets a list of all available icon names
+ * @returns Array of available icon names
+ */
+export declare function getAvailableIconNames(): string[];

package/dist/src/utils/objectUtils.d.ts

@@ -0,0 +1,31 @@
+export declare function dateReviver(_key: any, value: any): any;
+/**
+ * Utility functions for object operations
+ */
+/**
+ * Returns the first property name that has a non-null value
+ * @param obj - The object to search through
+ * @returns The property name or null if all properties are null
+ */
+export declare function findFirstNonNullProperty<T extends Record<string, any>>(obj: T): keyof T | null;
+/**
+ * Returns the first property name and value that is not null
+ * @param obj - The object to search through
+ * @returns Object with property name and value, or null if all properties are null
+ */
+export declare function findFirstNonNullPropertyWithValue<T extends Record<string, any>>(obj: T): {
+    key: keyof T;
+    value: any;
+} | null;
+/**
+ * Returns all property names that have non-null values
+ * @param obj - The object to search through
+ * @returns Array of property names with non-null values
+ */
+export declare function findAllNonNullNonEmptyProperties<T extends Record<string, any>>(obj: T): (keyof T)[];
+/**
+ * Returns an object with only the non-null properties
+ * @param obj - The object to filter
+ * @returns New object with only non-null properties
+ */
+export declare function filterNonNullProperties<T extends Record<string, any>>(obj: T): Partial<T>;

package/dist/src/utils/parseArtifact.d.ts

@@ -0,0 +1,3 @@
+import { ArtifactData } from '../models/ArtifactData';
+import { ArtifactJson } from './jsonDetector';
+export declare function parseArtifactFromJson(json: ArtifactJson, interactionId: string): ArtifactData | null;

package/dist/src/utils/sessionWindowParameters.d.ts

@@ -0,0 +1,3 @@
+import { AgentContext, User } from '../models/contexts';
+export declare const setEbiContextData: (window: any, user: User, context?: AgentContext | null, sessionId?: string | null) => void;
+export declare const setEbiContextSessionId: (sessionId: string) => void;

package/dist/src/utils/sortable-table.d.ts

@@ -0,0 +1,31 @@
+import { parseRawNumber } from './stringUtils';
+import { Theme } from '@mui/material';
+export interface SortableTableOptions {
+    theme?: Theme
+    sortableClass?: string;
+    activeSortClass?: string;
+    ascendingClass?: string;
+    descendingClass?: string;
+    unsortedIcon?: string;
+    ascendingIcon?: string;
+    descendingIcon?: string;
+    sortOnFirstClick?: boolean;
+    customSorters?: Record<number, (a: any, b: any, direction: string) => number>;
+    excludeColumns?: number[];
+    preserveExistingIcons?: boolean;
+    enableResizing?: boolean;
+    enableReordering?: boolean;
+    resizableClass?: string;
+    draggableClass?: string;
+    dragPlaceholderClass?: string;
+    dragOverClass?: string;
+}
+
+export declare class SortableTable {
+    constructor(options?: SortableTableOptions);
+    init(container?: HTMLElement | Element | string | null): void;
+    destroy(): void;
+    refresh(): void;
+}
+
+export default SortableTable;

package/dist/src/utils/stringUtils.d.ts

@@ -0,0 +1,8 @@
+export declare const chunkArray: (char: string[], size: number) => string[][];
+export declare const splitBigLinesWithSpaces: (content: string) => string;
+export declare function parseRawNumber(text: string): number;
+export declare function parseKnownNumbers(text?: string): {
+    prefix?: string;
+    suffix?: string;
+    number?: number;
+};

package/dist/src/utils/uriUtils.d.ts

@@ -0,0 +1,39 @@
+/**
+ * URI encoding detection and utility functions
+ */
+/**
+ * Checks if a string is likely URI encoded
+ * @param str - The string to check
+ * @returns True if the string appears to be URI encoded
+ */
+export declare function isUriEncoded(str: string): boolean;
+/**
+ * Decodes a URI encoded string
+ * @param encodedString - The URI encoded string
+ * @returns The decoded string
+ */
+export declare function decodeUri(encodedString: string): string;
+/**
+ * Encodes a string for URI usage
+ * @param string - The string to encode
+ * @returns The URI encoded string
+ */
+export declare function encodeUri(string: string): string;
+/**
+ * Checks if a string is a valid URI
+ * @param uri - The URI string to validate
+ * @returns True if the string is a valid URI
+ */
+export declare function isValidUri(uri: string): boolean;
+/**
+ * Extracts and decodes URI parameters from a query string
+ * @param queryString - The query string (with or without leading ?)
+ * @returns Object with decoded parameters
+ */
+export declare function parseUriParams(queryString: string): Record<string, string>;
+/**
+ * Checks if a string contains JavaScript code
+ * @param str - The string to check
+ * @returns True if the string appears to contain JavaScript code
+ */
+export declare function containsJavaScriptCode(str: string): boolean;

package/dist/src/utils/urlParser.d.ts

@@ -0,0 +1,8 @@
+export declare const parseAndValidateArtifactUrl: (url: string) => string | null;
+export type LinkAction = 'Export' | 'Question' | 'OpenDashboard' | 'URL';
+export declare const extractLinkAction: (link: string, sessionId: string, content: string | null) => {
+    action: LinkAction;
+    url: string | null;
+    question: string | null;
+    parameter: string | null;
+};

package/dist/style.css

@@ -0,0 +1,94 @@
+/* v2 layout fonts + global resets, scoped to .v2-app so the v1 dashboard-app
+   keeps its own typography untouched. Inter + JetBrains Mono ship via Google
+   Fonts (matches the design reference). */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
+
+/* Material icon fonts. The agent generates `<i class="material-icons">name</i>`
+   and `<span class="material-symbols-outlined">name</span>` inline in chat
+   content (table sort glyphs, callouts, etc); without the font face loaded
+   browsers render the literal ligature name as text. Both legacy Material
+   Icons and the newer Material Symbols Outlined are imported so any
+   agent-generated markup resolves. */
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
+
+/* The Symbols family @import ships the @font-face but not the helper class,
+   so define it explicitly. Material Icons (legacy) already includes its own
+   `.material-icons` rule via the icon-family stylesheet above. */
+.material-symbols-outlined {
+    font-family: 'Material Symbols Outlined';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    font-feature-settings: 'liga';
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+}
+
+.v2-app {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+    background: #0a0a0b;
+    color: #ececef;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.v2-app *,
+.v2-app *::before,
+.v2-app *::after {
+    box-sizing: border-box;
+}
+
+/* Tabular numerics for KPI / metric values */
+.v2-app .v2-tnum {
+    font-feature-settings: 'tnum';
+}
+
+/* Mono helper for SQL previews, durations, etc. */
+.v2-app .v2-mono {
+    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+/* GridCard category accents now default to the v2 amber-uniform palette
+   at `:root` (see `GridLayout.css`). Legacy v1 dashboard-app re-binds
+   them via `.v1-app`. No `.v2-app` override needed — v2 inherits the
+   defaults. */
+
+/* Slim scrollbars in v2 panes. The corner + button rules suppress the
+   default light-gray squares that some browsers paint where horizontal
+   and vertical scrollbars meet (and at the ends of the track). */
+.v2-app *::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+.v2-app *::-webkit-scrollbar-thumb {
+    background: #26262d;
+    border-radius: 4px;
+}
+.v2-app *::-webkit-scrollbar-thumb:hover {
+    background: #2d2d36;
+}
+.v2-app *::-webkit-scrollbar-track {
+    background: transparent;
+}
+.v2-app *::-webkit-scrollbar-corner {
+    background: transparent;
+}
+.v2-app *::-webkit-scrollbar-button {
+    display: none;
+    width: 0;
+    height: 0;
+}
+/* Firefox */
+.v2-app * {
+    scrollbar-width: thin;
+    scrollbar-color: #26262d transparent;
+}

package/dist/tests/fakes/fakeWebSocket.d.ts

@@ -0,0 +1,32 @@
+import { ServerEvent } from '../../src/models/ServerEvent';
+import { IMessage, IWebSocketConnection } from '../../src/services/WebSocketConnection/webSocketConnection';
+import { InteractionStatistics } from '../../src/models/semanticKernelModel/models';
+export declare class FakeWebSocketConnection implements IWebSocketConnection {
+    onEvent?: (event: MessageEvent | ServerEvent) => Promise<void>;
+    onError?: (error: string) => void;
+    onOpen?: () => void;
+    onFirstToken?: (interactionId: string) => void;
+    onSuspended?: () => void;
+    onClose?: (code: number, reason: string) => void;
+    onNewPacket?: (stats: InteractionStatistics) => void;
+    onPong?: (sessionId: string) => void;
+    onReconnecting?: never;
+    onReconnected?: (sessionId: string) => void;
+    onRewindLost?: never;
+    readonly recordedSends: IMessage[];
+    sessionIdToReturn: string;
+    private connected;
+    connect(_sessionId?: string): Promise<string>;
+    sendMessage(message: IMessage): void;
+    suspendStream(): void;
+    disconnect(): void;
+    closeStream(): void;
+    isConnected(): boolean;
+    /**
+     * Drive an event through `onEvent` *and await it*. Use this when the
+     * next assertion depends on the merger having finished (the gateway's
+     * merge path is fully synchronous after the await, but if onEvent
+     * ever grows an internal async hop the test stays correct).
+     */
+    deliver(event: ServerEvent): Promise<void>;
+}

package/dist/tests/fakes/makeGateway.d.ts

@@ -0,0 +1,24 @@
+import { AiChatStore } from '../../src/components/AiChat/stateConfiguration';
+import { EventBusService } from '../../src/services/eventBusService';
+import { AgentGatewayWSAsync } from '../../src/services/servers/AgentGatewayWSAsync';
+import { BasicNotification } from '../../src/models/Notification';
+import { INotificationPort } from '../../src/interfaces/INotificationPort';
+import { FakeWebSocketConnection } from './fakeWebSocket';
+export interface FakeNotificationCapture extends INotificationPort {
+    /** Every notification the gateway pushed during the test. */
+    readonly notifications: BasicNotification[];
+}
+export interface MakeGatewayHandle {
+    gateway: AgentGatewayWSAsync;
+    ws: FakeWebSocketConnection;
+    notifications: FakeNotificationCapture;
+    bus: EventBusService;
+    sessionStore: AiChatStore;
+}
+/**
+ * Build a fully-wired AgentGatewayWSAsync for tests. The `ws` field is
+ * the fake socket — call `await ws.deliver(serverEvent)` to drive the
+ * inbound stream. The `notifications` field is the captured array of
+ * everything pushed to the notification port during the test.
+ */
+export declare function makeGateway(): MakeGatewayHandle;

package/dist/tests/fixtures.d.ts

@@ -0,0 +1,73 @@
+import { Interaction } from '../src/models/Interaction';
+import { InteractionPart } from '../src/models/InteractionPart';
+import { Artifact } from '../src/models/Artifact';
+import { ServerEvent, FunctionDetails, ServerEvent as ServerEventType } from '../src/models/ServerEvent';
+import { LlmArtifact } from '../src/models/semanticKernelModel/models';
+import { EventBusService } from '../src/services/eventBusService';
+import { InteractionService } from '../src/services/interactionService';
+export declare const fixedNow: Date;
+export declare function part(overrides: Partial<InteractionPart>): InteractionPart;
+export declare function functionDetails(overrides: Partial<FunctionDetails> & {
+    id: string;
+}): FunctionDetails;
+export declare function event(opts: {
+    parts: InteractionPart[];
+    partial?: boolean;
+    turn_complete?: boolean;
+    asyncFinalResponse?: boolean;
+    llmArtifacts?: LlmArtifact[];
+}): ServerEvent;
+export declare function makeInteraction(overrides?: Partial<Interaction>): Interaction;
+export declare function artifact(overrides: Partial<Artifact> & {
+    id: string;
+}): Artifact;
+export declare function llmArtifact(a: Artifact): LlmArtifact;
+export declare function makeService(interaction?: Interaction): {
+    service: InteractionService;
+    bus: EventBusService;
+    emitSpy: import('vitest').Mock<(functionDetails: FunctionDetails) => void>;
+};
+export declare function serverEvent(opts: {
+    interactionId: string;
+    parts: InteractionPart[];
+    partial?: boolean;
+    turn_complete?: boolean;
+    asyncFinalResponse?: boolean;
+    author?: 'main' | 'tool' | 'system';
+    llmArtifacts?: LlmArtifact[];
+    subAgentId?: string;
+    subAgentName?: string;
+}): ServerEventType;
+/**
+ * A sub-agent text event. Same shape as `partialTextEvent` but carries
+ * the `subAgentId` / `subAgentName` that routes the event through
+ * `handleSubAgentEvent` (separate Interaction tree from the main turn).
+ */
+export declare function subAgentTextEvent(interactionId: string, opts: {
+    subAgentId: string;
+    subAgentName?: string;
+    text: string;
+    partial?: boolean;
+    turn_complete?: boolean;
+}): ServerEventType;
+export declare function partialThoughtEvent(interactionId: string, text: string): ServerEventType;
+export declare function partialTextEvent(interactionId: string, text: string): ServerEventType;
+export declare function partialFunctionCallEvent(interactionId: string, opts: {
+    callId: string;
+    name: string;
+    text: string;
+}): ServerEventType;
+export declare function functionCallEvent(interactionId: string, opts: {
+    callId: string;
+    name: string;
+    args: unknown;
+    start: Date;
+}): ServerEventType;
+export declare function functionResponseEvent(interactionId: string, opts: {
+    callId: string;
+    name: string;
+    args?: unknown;
+    response: unknown;
+    end: Date;
+}): ServerEventType;
+export declare function turnCompleteEvent(interactionId: string): ServerEventType;

package/dist/useChatSessions-DttlifVk.js

@@ -0,0 +1,107 @@
+var L = Object.defineProperty;
+var d = (e, t) => L(e, "name", { value: t, configurable: !0 });
+import { useMemo as h, useState as v, useCallback as g, useEffect as C } from "react";
+import { H } from "./httpSessionService-5Kr__oQL.js";
+const w = 6e4, y = 60 * w, l = 24 * y;
+function k(e) {
+  if (!e) return;
+  if (e instanceof Date) return e;
+  const t = new Date(e);
+  return Number.isNaN(t.getTime()) ? void 0 : t;
+}
+d(k, "toDate");
+function N(e) {
+  if (!e) return "";
+  const t = Date.now() - e.getTime();
+  return t < w ? "now" : t < y ? `${Math.floor(t / w)}m` : t < l ? `${Math.floor(t / y)}h` : t < 7 * l ? `${Math.floor(t / l)}d` : e.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+d(N, "formatTimeLabel");
+function U() {
+  const e = /* @__PURE__ */ new Date();
+  return e.setHours(0, 0, 0, 0), e;
+}
+d(U, "startOfToday");
+function x(e) {
+  const t = U(), s = new Date(t.getTime() - l), i = new Date(t.getTime() - 7 * l), m = new Date(t.getTime() - 30 * l), o = [
+    ["Today", []],
+    ["Yesterday", []],
+    ["This Week", []],
+    ["This Month", []],
+    ["Older", []]
+  ];
+  for (const n of e) {
+    const c = n.updatedAt;
+    if (!c) {
+      o[4][1].push(n);
+      continue;
+    }
+    c >= t ? o[0][1].push(n) : c >= s ? o[1][1].push(n) : c >= i ? o[2][1].push(n) : c >= m ? o[3][1].push(n) : o[4][1].push(n);
+  }
+  return o.filter(([, n]) => n.length > 0).map(([n, c]) => ({ label: n, items: c }));
+}
+d(x, "groupByTime");
+function B(e, t) {
+  const s = k(e.updatedAt) ?? k(e.created);
+  return { ...{
+    id: e.id ?? e.browserScopeId ?? "",
+    title: e.overview || e.userDescription || "(untitled chat)",
+    snippet: e.lastQuestion ?? void 0,
+    timeLabel: N(s),
+    kind: e.agentType,
+    updatedAt: s,
+    raw: e
+  }, ...(t == null ? void 0 : t(e)) ?? {} };
+}
+d(B, "buildItem");
+function Y(e) {
+  const t = h(() => new H(e.serverBaseUrl, e.accessToken), [e.accessToken, e.serverBaseUrl]), { sessionService: s, liveSession: i, decorate: m } = {
+    sessionService: t,
+    liveSession: e.liveSession,
+    decorate: e.decorate
+  }, [o, n] = v([]), [c, T] = v(!0), [M, b] = v(null), u = g(async () => {
+    T(!0), b(null);
+    try {
+      const r = await s.getAllSessions();
+      n(r);
+    } catch (r) {
+      b(r instanceof Error ? r : new Error(String(r)));
+    } finally {
+      T(!1);
+    }
+  }, [s]);
+  C(() => {
+    u();
+  }, [u]);
+  const S = h(() => {
+    if (!(i != null && i.id)) return o;
+    const r = o.findIndex((f) => f.id === i.id);
+    if (r === -1) return [i, ...o];
+    const a = o.slice();
+    return a[r] = i, a;
+  }, [o, i]), D = h(
+    () => S.map((r) => B(r, m)),
+    [S, m]
+  ), A = h(() => x(D), [D]), E = g(async (r, a) => {
+    n(
+      (f) => f.map((p) => p.id === r ? { ...p, overview: a } : p)
+    );
+    try {
+      await s.patchSession(r, { overview: a });
+    } catch (f) {
+      console.error("[useChatSessions] rename failed; refreshing to roll back:", f), u();
+    }
+  }, [s, u]), I = g(async (r) => {
+    n((a) => a.filter((f) => f.id !== r));
+    try {
+      await s.removeSession(r);
+    } catch (a) {
+      console.error("[useChatSessions] remove failed; refreshing to roll back:", a), u();
+    }
+  }, [s, u]);
+  return { sessions: S, groups: A, isLoading: c, error: M, refresh: u, rename: E, remove: I };
+}
+d(Y, "useChatSessions");
+export {
+  Y as u
+};
+//# sourceMappingURL=useChatSessions-DttlifVk.js.map

package/dist/useChatSessions-DttlifVk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatSessions-DttlifVk.js","sources":["../src/hooks/useChatSessions.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport type { ChatSession } from '@lib/models/ChatSession';\nimport type { ISessionService } from '@lib/services/servers/sessionService/ISessionService';\nimport { HttpSessionService } from '../services';\n\n/**\n * One row in a session-picker UI. `raw` is the original ChatSession the\n * server returned; everything else is a derived label the hook computed\n * (and the host's `decorate` callback may have overridden).\n */\nexport interface ChatSessionListItem {\n    id: string;\n    title: string;\n    snippet?: string;\n    /** Compact relative-time label (\"now\", \"5m\", \"2h\", \"Mar 14\"). */\n    timeLabel?: string;\n    /** Optional per-row tag — host-supplied via the `decorate` callback. */\n    kind?: string;\n    updatedAt?: Date;\n    raw: ChatSession;\n}\n\n/**\n * Sessions bucketed by recency. The order of `label` reflects display\n * order top-down (\"Today\" first, \"Older\" last).\n */\nexport interface ChatSessionGroup {\n    label: string;\n    items: ChatSessionListItem[];\n}\n\nexport interface UseChatSessionsOptions {\n    sessionService?: ISessionService;\n    /**\n     * If provided, the live (current) session is merged into the list —\n     * replacing an existing entry by id, or prepended if not yet on the\n     * server. Lets a \"New chat\" row appear instantly without waiting for\n     * the server roundtrip.\n     */\n    liveSession?: ChatSession | null;\n\n    accessToken: string,\n    serverBaseUrl: string,\n    /**\n     * Per-row override hook. Whatever fields you return are merged on top\n     * of the hook's computed item — typical use is adding a `kind` tag for\n     * application-specific session types (`'chat' | 'composer' | ...`) the\n     * library doesn't know about.\n     */\n    decorate?: (session: ChatSession) => Partial<ChatSessionListItem>;\n}\n\nexport interface UseChatSessionsResult {\n    /** Flat list (live session merged in, server order preserved). */\n    sessions: ChatSession[];\n    /** Same data bucketed by recency. */\n    groups: ChatSessionGroup[];\n    isLoading: boolean;\n    error: Error | null;\n    refresh: () => Promise<void>;\n    /** Optimistic rename — patches local state immediately, rolls back on failure. */\n    rename: (id: string, title: string) => Promise<void>;\n    /** Optimistic remove — drops from local state immediately, rolls back on failure. */\n    remove: (id: string) => Promise<void>;\n}\n\nconst MINUTE_MS = 60_000;\nconst HOUR_MS = 60 * MINUTE_MS;\nconst DAY_MS = 24 * HOUR_MS;\n\nfunction toDate(value: Date | string | undefined | null): Date | undefined {\n    if (!value) return undefined;\n    if (value instanceof Date) return value;\n    const d = new Date(value);\n    return Number.isNaN(d.getTime()) ? undefined : d;\n}\n\nfunction formatTimeLabel(date: Date | undefined): string {\n    if (!date) return '';\n    const diff = Date.now() - date.getTime();\n    if (diff < MINUTE_MS) return 'now';\n    if (diff < HOUR_MS) return `${Math.floor(diff / MINUTE_MS)}m`;\n    if (diff < DAY_MS) return `${Math.floor(diff / HOUR_MS)}h`;\n    if (diff < 7 * DAY_MS) return `${Math.floor(diff / DAY_MS)}d`;\n    return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n}\n\nfunction startOfToday(): Date {\n    const d = new Date();\n    d.setHours(0, 0, 0, 0);\n    return d;\n}\n\nfunction groupByTime(items: ChatSessionListItem[]): ChatSessionGroup[] {\n    const today = startOfToday();\n    const yesterday = new Date(today.getTime() - DAY_MS);\n    const weekAgo = new Date(today.getTime() - 7 * DAY_MS);\n    const monthAgo = new Date(today.getTime() - 30 * DAY_MS);\n\n    // Insertion-ordered map preserves the bucket display order.\n    const buckets: Array<[string, ChatSessionListItem[]]> = [\n        ['Today', []],\n        ['Yesterday', []],\n        ['This Week', []],\n        ['This Month', []],\n        ['Older', []],\n    ];\n\n    for (const item of items) {\n        const u = item.updatedAt;\n        if (!u) { buckets[4][1].push(item); continue; }\n        if (u >= today) buckets[0][1].push(item);\n        else if (u >= yesterday) buckets[1][1].push(item);\n        else if (u >= weekAgo) buckets[2][1].push(item);\n        else if (u >= monthAgo) buckets[3][1].push(item);\n        else buckets[4][1].push(item);\n    }\n\n    return buckets\n        .filter(([, list]) => list.length > 0)\n        .map(([label, list]) => ({ label, items: list }));\n}\n\nfunction buildItem(\n    session: ChatSession,\n    decorate?: (s: ChatSession) => Partial<ChatSessionListItem>,\n): ChatSessionListItem {\n    const updatedAt = toDate(session.updatedAt) ?? toDate(session.created);\n    const base: ChatSessionListItem = {\n        id: session.id ?? session.browserScopeId ?? '',\n        title: session.overview || session.userDescription || '(untitled chat)',\n        snippet: session.lastQuestion ?? undefined,\n        timeLabel: formatTimeLabel(updatedAt),\n        kind: session.agentType as string | undefined,\n        updatedAt,\n        raw: session,\n    };\n    return { ...base, ...(decorate?.(session) ?? {}) };\n}\n\n/**\n * Fetch + organise the user's chat sessions for a picker UI. Backend-agnostic\n * — the host injects an `ISessionService` so the same hook drives an HTTP\n * client, an in-memory fake, or whatever else.\n *\n * Replaces the duplicated `useEffect(async () => sessionService.getAllSessions())`\n * + grouping logic that lived in DataExplorerViewV2 and MobileSessionsList,\n * and consolidates the optimistic rename/delete pattern.\n */\nexport function useChatSessions(opts: UseChatSessionsOptions): UseChatSessionsResult {\n\n    const defaultSessionService = useMemo(() => {\n        return new HttpSessionService(opts.serverBaseUrl, opts.accessToken);\n    }, [opts.accessToken, opts.serverBaseUrl]);\n\n    const { sessionService, liveSession, decorate } = {\n        sessionService: defaultSessionService,\n        liveSession: opts.liveSession,\n        decorate: opts.decorate\n    };\n    const [sessions, setSessions] = useState<ChatSession[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n\n    const refresh = useCallback(async () => {\n        setIsLoading(true);\n        setError(null);\n        try {\n            const list = await sessionService.getAllSessions();\n            setSessions(list);\n        } catch (err) {\n            setError(err instanceof Error ? err : new Error(String(err)));\n        } finally {\n            setIsLoading(false);\n        }\n    }, [sessionService]);\n\n    useEffect(() => { void refresh(); }, [refresh]);\n\n    const merged = useMemo(() => {\n        if (!liveSession?.id) return sessions;\n        const idx = sessions.findIndex(s => s.id === liveSession.id);\n        if (idx === -1) return [liveSession, ...sessions];\n        const copy = sessions.slice();\n        copy[idx] = liveSession;\n        return copy;\n    }, [sessions, liveSession]);\n\n    const items = useMemo(\n        () => merged.map(s => buildItem(s, decorate)),\n        [merged, decorate],\n    );\n\n    const groups = useMemo(() => groupByTime(items), [items]);\n\n    const rename = useCallback(async (id: string, title: string) => {\n        setSessions(current =>\n            current.map(s => (s.id === id ? { ...s, overview: title } : s)),\n        );\n        try {\n            await sessionService.patchSession(id, { overview: title });\n        } catch (err) {\n            console.error('[useChatSessions] rename failed; refreshing to roll back:', err);\n            void refresh();\n        }\n    }, [sessionService, refresh]);\n\n    const remove = useCallback(async (id: string) => {\n        setSessions(current => current.filter(s => s.id !== id));\n        try {\n            await sessionService.removeSession(id);\n        } catch (err) {\n            console.error('[useChatSessions] remove failed; refreshing to roll back:', err);\n            void refresh();\n        }\n    }, [sessionService, refresh]);\n\n    return { sessions: merged, groups, isLoading, error, refresh, rename, remove };\n}\n"],"names":["MINUTE_MS","HOUR_MS","DAY_MS","toDate","value","d","__name","formatTimeLabel","date","diff","startOfToday","groupByTime","items","today","yesterday","weekAgo","monthAgo","buckets","item","u","list","label","buildItem","session","decorate","updatedAt","useChatSessions","opts","defaultSessionService","useMemo","HttpSessionService","sessionService","liveSession","sessions","setSessions","useState","isLoading","setIsLoading","error","setError","refresh","useCallback","err","useEffect","merged","idx","s","copy","groups","rename","id","title","current","remove"],"mappings":"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"}

package/dist/useContainerWidth-Df2PmSoC.js

@@ -0,0 +1,52 @@
+var R = Object.defineProperty;
+var u = (t, e) => R(t, "name", { value: e, configurable: !0 });
+import { useRef as g, useState as d, useEffect as h } from "react";
+function I(t, e) {
+  const s = g(t), [o, i] = d(null);
+  return h(() => {
+    s.current = t;
+  }, [t]), h(() => {
+    function n() {
+      s.current();
+    }
+    if (u(n, "tick"), e !== null) {
+      const r = setInterval(n, e);
+      return i(r), () => {
+        clearInterval(r);
+      };
+    }
+  }, [e]), o;
+}
+u(I, "useInterval");
+function C(t, e, s = 0) {
+  const [o, i] = d(s);
+  return h(() => {
+    const n = t.current;
+    if (!n) return;
+    const r = new ResizeObserver((v) => {
+      const c = v[0];
+      c && i(c.contentRect.width);
+    });
+    return r.observe(n), i(n.getBoundingClientRect().width), () => r.disconnect();
+  }, [t, e]), o;
+}
+u(C, "useContainerWidth");
+function W(t, e, s = 0, o = 0) {
+  const [i, n] = d(s), [r, v] = d(o);
+  return h(() => {
+    const c = t.current;
+    if (!c) return;
+    const f = new ResizeObserver((l) => {
+      const a = l[0];
+      a && (v(a.contentRect.height), n(a.contentRect.width));
+    });
+    return f.observe(c), n(c.getBoundingClientRect().width), () => f.disconnect();
+  }, [t, e]), [i, r];
+}
+u(W, "useContainerRectangle");
+export {
+  C as a,
+  I as b,
+  W as u
+};
+//# sourceMappingURL=useContainerWidth-Df2PmSoC.js.map

package/dist/useContainerWidth-Df2PmSoC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerWidth-Df2PmSoC.js","sources":["../src/hooks/useIntervalHook.ts","../src/hooks/useContainerWidth.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n// Custom useInterval hook\nfunction useInterval(callback: () => void, delay: number) {\n    const savedCallback = useRef(callback);\n    const [intervalId, setIntervalId] = useState<NodeJS.Timeout | null>(null)\n\n    // Remember the latest callback.\n    useEffect(() => {\n        savedCallback.current = callback;\n    }, [callback]);\n\n    // Set up the interval.\n    useEffect(() => {\n        function tick() {\n            savedCallback.current();\n        }\n        if (delay !== null) {\n            const id = setInterval(tick, delay);\n            setIntervalId(id)\n            return () => {\n\n                clearInterval(id); // Cleanup function\n            }\n        }\n    }, [delay]);\n\n    return intervalId;\n}\n\nexport default useInterval","import { useState, useEffect } from \"react\";\n\nexport function useContainerWidth(ref: React.RefObject<HTMLElement | null>, renderId: string, initialWidth = 0) {\n    const [width, setWidth] = useState(initialWidth);\n\n    useEffect(() => {\n        const el = ref.current;\n        if (!el) return;\n\n        const observer = new ResizeObserver((entries) => {\n            const entry = entries[0];\n            if (entry) setWidth(entry.contentRect.width);\n        });\n\n        observer.observe(el);\n        setWidth(el.getBoundingClientRect().width);\n\n        return () => observer.disconnect();\n    }, [ref, renderId]);\n\n    return width;\n}\n\nexport function useContainerRectangle(ref: React.RefObject<HTMLElement | null>, renderId: string, initialWidth = 0, initialHeight = 0) {\n    const [width, setWidth] = useState(initialWidth);\n    const [height, setHeight] = useState(initialHeight);\n\n    useEffect(() => {\n        const el = ref.current;\n        if (!el) return;\n\n        const observer = new ResizeObserver((entries) => {\n            const entry = entries[0];\n            if (entry) {\n                setHeight(entry.contentRect.height);\n                setWidth(entry.contentRect.width);\n            }\n        });\n\n        observer.observe(el);\n        setWidth(el.getBoundingClientRect().width);\n\n        return () => observer.disconnect();\n    }, [ref, renderId]);\n\n    return [width, height];\n}"],"names":["useInterval","callback","delay","savedCallback","useRef","intervalId","setIntervalId","useState","useEffect","tick","__name","id","useContainerWidth","ref","renderId","initialWidth","width","setWidth","el","observer","entries","entry","useContainerRectangle","initialHeight","height","setHeight"],"mappings":";;;AAGA,SAASA,EAAYC,GAAsBC,GAAe;AACtD,QAAMC,IAAgBC,EAAOH,CAAQ,GAC/B,CAACI,GAAYC,CAAa,IAAIC,EAAgC,IAAI;AAGxE,SAAAC,EAAU,MAAM;AACZ,IAAAL,EAAc,UAAUF;AAAA,EAC5B,GAAG,CAACA,CAAQ,CAAC,GAGbO,EAAU,MAAM;AACZ,aAASC,IAAO;AACZ,MAAAN,EAAc,QAAA;AAAA,IAClB;AACA,QAHSO,EAAAD,GAAA,SAGLP,MAAU,MAAM;AAChB,YAAMS,IAAK,YAAYF,GAAMP,CAAK;AAClC,aAAAI,EAAcK,CAAE,GACT,MAAM;AAET,sBAAcA,CAAE;AAAA,MACpB;AAAA,IACJ;AAAA,EACJ,GAAG,CAACT,CAAK,CAAC,GAEHG;AACX;AAzBSK,EAAAV,GAAA;ACDF,SAASY,EAAkBC,GAA0CC,GAAkBC,IAAe,GAAG;AAC5G,QAAM,CAACC,GAAOC,CAAQ,IAAIV,EAASQ,CAAY;AAE/C,SAAAP,EAAU,MAAM;AACZ,UAAMU,IAAKL,EAAI;AACf,QAAI,CAACK,EAAI;AAET,UAAMC,IAAW,IAAI,eAAe,CAACC,MAAY;AAC7C,YAAMC,IAAQD,EAAQ,CAAC;AACvB,MAAIC,KAAOJ,EAASI,EAAM,YAAY,KAAK;AAAA,IAC/C,CAAC;AAED,WAAAF,EAAS,QAAQD,CAAE,GACnBD,EAASC,EAAG,sBAAA,EAAwB,KAAK,GAElC,MAAMC,EAAS,WAAA;AAAA,EAC1B,GAAG,CAACN,GAAKC,CAAQ,CAAC,GAEXE;AACX;AAnBgBN,EAAAE,GAAA;AAqBT,SAASU,EAAsBT,GAA0CC,GAAkBC,IAAe,GAAGQ,IAAgB,GAAG;AACnI,QAAM,CAACP,GAAOC,CAAQ,IAAIV,EAASQ,CAAY,GACzC,CAACS,GAAQC,CAAS,IAAIlB,EAASgB,CAAa;AAElD,SAAAf,EAAU,MAAM;AACZ,UAAMU,IAAKL,EAAI;AACf,QAAI,CAACK,EAAI;AAET,UAAMC,IAAW,IAAI,eAAe,CAACC,MAAY;AAC7C,YAAMC,IAAQD,EAAQ,CAAC;AACvB,MAAIC,MACAI,EAAUJ,EAAM,YAAY,MAAM,GAClCJ,EAASI,EAAM,YAAY,KAAK;AAAA,IAExC,CAAC;AAED,WAAAF,EAAS,QAAQD,CAAE,GACnBD,EAASC,EAAG,sBAAA,EAAwB,KAAK,GAElC,MAAMC,EAAS,WAAA;AAAA,EAC1B,GAAG,CAACN,GAAKC,CAAQ,CAAC,GAEX,CAACE,GAAOQ,CAAM;AACzB;AAvBgBd,EAAAY,GAAA;"}

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export * from './src/utils/index'
+export {}