@tangle-network/sandbox-ui 0.113.6 → 0.114.0

package/dist/provider-logo-DjqmConF.js

@@ -0,0 +1,311 @@
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+//#region src/integrations/provider-logo.tsx
+/**
+* Provider branding: resolve a connector/provider slug to a logo and render it
+* with graceful fallbacks. Shared by the integrations catalog tiles and the
+* assistant's proposal card (its integration-requirement rows), so both surfaces
+* show the same brand mark for a given provider from one source of truth.
+*
+* Dependency-light on purpose — only React — so it can be pulled into the
+* always-loaded assistant entry without dragging the integrations panel's tree
+* along with it.
+*/
+/** Strip separators and common suffixes so "Outlook-Mail" / "stripe_pack" map to
+*  a stable key for the curated slug table and the derived simpleicons slug. */
+function normalizeProviderId(id) {
+	return id.toLowerCase().replace(/[_\s]+/g, "-").replace(/-(business|oauth|api|app|mail|sms|pack|connector|v\d+)$/g, "");
+}
+/**
+* Curated map of provider ids → simpleicons slug. Covers cases where the
+* normalized id does not match the simpleicons slug (compound brands,
+* Google/Microsoft suite members, renamed brands).
+*/
+const PROVIDER_LOGO_SLUGS = {
+	gmail: "gmail",
+	googlemail: "gmail",
+	google: "google",
+	"google-drive": "googledrive",
+	"google-calendar": "googlecalendar",
+	"google-sheets": "googlesheets",
+	"google-docs": "googledocs",
+	"google-meet": "googlemeet",
+	"google-forms": "googleforms",
+	"google-ads": "googleads",
+	"google-analytics": "googleanalytics",
+	outlook: "microsoftoutlook",
+	"outlook-mail": "microsoftoutlook",
+	"microsoft-outlook": "microsoftoutlook",
+	"microsoft-calendar": "microsoftoutlook",
+	"microsoft-teams": "microsoftteams",
+	teams: "microsoftteams",
+	"microsoft-excel": "microsoftexcel",
+	excel: "microsoftexcel",
+	onedrive: "microsoftonedrive",
+	sharepoint: "microsoftsharepoint",
+	twitter: "x",
+	x: "x",
+	meta: "meta",
+	"stripe-pack": "stripe",
+	"twilio-sms": "twilio",
+	webhook: "webhooks",
+	webhooks: "webhooks",
+	hubspot: "hubspot",
+	salesforce: "salesforce",
+	pipedrive: "pipedrive",
+	zoho: "zoho",
+	quickbooks: "quickbooks",
+	intercom: "intercom",
+	zendesk: "zendesk",
+	freshdesk: "freshdesk",
+	monday: "mondaydotcom",
+	"monday-com": "mondaydotcom",
+	clickup: "clickup",
+	basecamp: "basecamp",
+	todoist: "todoist",
+	calendly: "calendly",
+	typeform: "typeform",
+	surveymonkey: "surveymonkey",
+	klaviyo: "klaviyo",
+	sendinblue: "brevo",
+	brevo: "brevo",
+	"constant-contact": "constantcontact",
+	"active-campaign": "activecampaign",
+	activecampaign: "activecampaign",
+	"google-chat": "googlechat",
+	whatsapp: "whatsapp",
+	telegram: "telegram",
+	bigquery: "googlebigquery",
+	snowflake: "snowflake",
+	postgres: "postgresql",
+	postgresql: "postgresql",
+	mysql: "mysql",
+	mongodb: "mongodb",
+	redis: "redis",
+	supabase: "supabase",
+	firebase: "firebase",
+	"aws-s3": "amazons3",
+	s3: "amazons3",
+	woocommerce: "woocommerce",
+	bigcommerce: "bigcommerce",
+	squarespace: "squarespace",
+	wix: "wix",
+	webflow: "webflow",
+	wordpress: "wordpress",
+	contentful: "contentful",
+	sanity: "sanity",
+	figma: "figma",
+	miro: "miro",
+	confluence: "confluence",
+	bitbucket: "bitbucket",
+	pagerduty: "pagerduty",
+	datadog: "datadog",
+	sentry: "sentry",
+	segment: "segment",
+	amplitude: "amplitude",
+	mixpanel: "mixpanel",
+	posthog: "posthog",
+	facebook: "facebook",
+	instagram: "instagram",
+	tiktok: "tiktok",
+	youtube: "youtube",
+	reddit: "reddit",
+	pinterest: "pinterest",
+	buffer: "buffer",
+	hootsuite: "hootsuite"
+};
+/** Base URL of the ActivePieces piece-logo CDN. The hub's provider ids are
+*  generated from the ActivePieces library, so most resolve a real brand logo
+*  from `/<providerId>.png`. */
+const ACTIVEPIECES_CDN = "https://cdn.activepieces.com/pieces";
+/**
+* Per-id brand logo URLs for providers whose logo isn't at the ActivePieces
+* default `/<id>.png` path: a connector's own catalog logo under a different
+* filename, a parent connector's logo reused by a sub-connector/variant, or a
+* public icon source for connectors absent from the catalog CDN.
+*
+* Mirrors the Tangle Platform's own integrations UI
+* (`products/platform/web/src/client/components/IntegrationsCatalog.tsx`) so
+* both surfaces resolve the same brand mark; the durable fix is for the hub API
+* to emit `iconUrl` per provider, after which this map can be retired.
+*/
+const PROVIDER_LOGO_URLS = {
+	"cal-com": `${ACTIVEPIECES_CDN}/cal.com.png`,
+	"customer-io": `${ACTIVEPIECES_CDN}/customerio.png`,
+	anthropic: `${ACTIVEPIECES_CDN}/claude.png`,
+	telegram: `${ACTIVEPIECES_CDN}/telegram_bot.png`,
+	"twilio-sms": `${ACTIVEPIECES_CDN}/twilio.png`,
+	"amazon-sqs": `${ACTIVEPIECES_CDN}/aws-sqs.png`,
+	frame: `${ACTIVEPIECES_CDN}/frameio.png`,
+	"jira-cloud": `${ACTIVEPIECES_CDN}/jira.png`,
+	"jira-data-center": `${ACTIVEPIECES_CDN}/jira.png`,
+	stripe: `${ACTIVEPIECES_CDN}/stripe.png`,
+	"stripe-pack": `${ACTIVEPIECES_CDN}/stripe.png`,
+	gemini: `${ACTIVEPIECES_CDN}/google-gemini.png`,
+	"google-gemini": `${ACTIVEPIECES_CDN}/google-gemini.png`,
+	bluesky: `${ACTIVEPIECES_CDN}/bluesky.png`,
+	emailit: `${ACTIVEPIECES_CDN}/emailit.svg`,
+	cloutly: `${ACTIVEPIECES_CDN}/cloutly.svg`,
+	gistly: `${ACTIVEPIECES_CDN}/gistly.svg`,
+	jotform: `${ACTIVEPIECES_CDN}/jotform.svg`,
+	supadata: `${ACTIVEPIECES_CDN}/supadata.svg`,
+	"hugging-face": `${ACTIVEPIECES_CDN}/huggingface.svg`,
+	huggingface: `${ACTIVEPIECES_CDN}/huggingface.svg`,
+	heygen: `${ACTIVEPIECES_CDN}/heygen.jpg`,
+	instasent: `${ACTIVEPIECES_CDN}/instasent.jpg`,
+	"chainalysis-api": `${ACTIVEPIECES_CDN}/chainalysis-api.jpg`,
+	scrapegraphai: `${ACTIVEPIECES_CDN}/scrapegraphai.jpg`,
+	localai: `${ACTIVEPIECES_CDN}/localai.jpeg`,
+	talkable: "https://www.talkable.com/wp-content/uploads/2021/12/talkable-favicon.svg",
+	"facebook-leads": `${ACTIVEPIECES_CDN}/facebook.png`,
+	"facebook-pages": `${ACTIVEPIECES_CDN}/facebook.png`,
+	"whatsapp-business": `${ACTIVEPIECES_CDN}/whatsapp.png`,
+	onedrive: `${ACTIVEPIECES_CDN}/oneDrive.png`,
+	"microsoft-onedrive": `${ACTIVEPIECES_CDN}/oneDrive.png`,
+	"outlook-mail": `${ACTIVEPIECES_CDN}/microsoft-outlook.png`,
+	"microsoft-calendar": `${ACTIVEPIECES_CDN}/microsoft-outlook.png`,
+	"microsoft-outlook-calendar": `${ACTIVEPIECES_CDN}/microsoft-outlook.png`,
+	sharepoint: `${ACTIVEPIECES_CDN}/microsoft-sharepoint.png`,
+	"notion-database": `${ACTIVEPIECES_CDN}/notion.png`,
+	"slack-inbound": `${ACTIVEPIECES_CDN}/slack.png`,
+	helpscout: `${ACTIVEPIECES_CDN}/help-scout.png`,
+	figjam: `${ACTIVEPIECES_CDN}/figma.png`,
+	webhook: `${ACTIVEPIECES_CDN}/new-core/webhooks.svg`,
+	make: "https://cdn.simpleicons.org/make",
+	n8n: "https://cdn.simpleicons.org/n8n",
+	zapier: "https://cdn.simpleicons.org/zapier",
+	auth0: "https://cdn.simpleicons.org/auth0",
+	basecamp: "https://cdn.simpleicons.org/basecamp",
+	ebay: "https://cdn.simpleicons.org/ebay",
+	gusto: "https://cdn.simpleicons.org/gusto",
+	miro: "https://cdn.simpleicons.org/miro",
+	sanity: "https://cdn.simpleicons.org/sanity",
+	sentry: "https://cdn.simpleicons.org/sentry",
+	opsgenie: "https://cdn.simpleicons.org/opsgenie",
+	phony: "https://www.google.com/s2/favicons?sz=64&domain_url=https://ph0ny.com",
+	docuseal: "https://www.google.com/s2/favicons?sz=64&domain_url=https://docuseal.com",
+	braze: "https://www.google.com/s2/favicons?sz=64&domain_url=https://braze.com",
+	pipedream: "https://www.google.com/s2/favicons?sz=64&domain_url=https://pipedream.com",
+	weaviate: "https://www.google.com/s2/favicons?sz=64&domain_url=https://weaviate.io",
+	"adobe-creative-cloud": "https://www.google.com/s2/favicons?sz=64&domain_url=https://adobe.com",
+	clio: "https://www.google.com/s2/favicons?sz=64&domain_url=https://clio.com",
+	marketo: "https://www.google.com/s2/favicons?sz=64&domain_url=https://marketo.com",
+	rippling: "https://www.google.com/s2/favicons?sz=64&domain_url=https://rippling.com",
+	"microsoft-graph": "https://www.google.com/s2/favicons?sz=64&domain_url=https://graph.microsoft.com"
+};
+/**
+* Full-color vector brand marks for providers Simple Icons has delisted over
+* trademark policy (Slack, Salesforce, the Microsoft 365 family, Twilio,
+* LinkedIn) — these 404 on the simpleicons CDN, so without a real source they
+* drop straight to the monogram. Keyed by the curated simpleicons slug AND by
+* common normalized ids; the value is an svgl.app library name (crisp,
+* multi-color SVGs that stay sharp in the catalog grid).
+*/
+const PROVIDER_VECTOR_LOGOS = {
+	slack: "slack",
+	salesforce: "salesforce",
+	microsoftoutlook: "microsoft-outlook",
+	outlook: "microsoft-outlook",
+	microsoftteams: "microsoft-teams",
+	teams: "microsoft-teams",
+	microsoftexcel: "microsoft-excel",
+	excel: "microsoft-excel",
+	microsoftonedrive: "microsoft-onedrive",
+	onedrive: "microsoft-onedrive",
+	microsoftsharepoint: "microsoft-sharepoint",
+	sharepoint: "microsoft-sharepoint",
+	twilio: "twilio",
+	linkedin: "linkedin"
+};
+/**
+* Ordered candidate logo URLs for a provider slug, most specific first. The
+* renderer walks the chain on each `onError` until one loads, then falls back to
+* the monogram tile.
+*
+* Order: explicit `iconUrl` → full-color vector mark for brands Simple Icons
+* delisted (svgl.app) → a pinned override → the ActivePieces CDN by id (covers
+* most of the hub catalog) → derived simpleicons slugs → monogram.
+*/
+function providerLogoCandidates(opts) {
+	const out = [];
+	if (opts.iconUrl) out.push(opts.iconUrl);
+	const raw = opts.id.toLowerCase();
+	const norm = normalizeProviderId(raw);
+	const curated = PROVIDER_LOGO_SLUGS[raw] ?? PROVIDER_LOGO_SLUGS[norm];
+	const vectorName = PROVIDER_VECTOR_LOGOS[raw] ?? PROVIDER_VECTOR_LOGOS[norm] ?? (curated ? PROVIDER_VECTOR_LOGOS[curated] : void 0);
+	if (vectorName) out.push(`https://svgl.app/library/${vectorName}.svg`);
+	const pinned = PROVIDER_LOGO_URLS[raw] ?? PROVIDER_LOGO_URLS[norm];
+	if (pinned) out.push(pinned);
+	if (raw) out.push(`${ACTIVEPIECES_CDN}/${encodeURIComponent(raw)}.png`);
+	const slugs = /* @__PURE__ */ new Set();
+	if (curated) slugs.add(curated);
+	slugs.add(norm.replace(/-/g, ""));
+	slugs.add(raw.replace(/[-_\s]/g, ""));
+	for (const slug of slugs) if (slug) out.push(`https://cdn.simpleicons.org/${slug}`);
+	return out;
+}
+/** Deterministic accent color for the monogram fallback, keyed off the id. */
+function monogramColor(seed) {
+	const palette = [
+		"#6366f1",
+		"#8b5cf6",
+		"#ec4899",
+		"#f43f5e",
+		"#f97316",
+		"#eab308",
+		"#22c55e",
+		"#14b8a6",
+		"#0ea5e9",
+		"#3b82f6"
+	];
+	let hash = 0;
+	for (let i = 0; i < seed.length; i += 1) hash = hash * 31 + seed.charCodeAt(i) >>> 0;
+	return palette[hash % palette.length];
+}
+/**
+* A provider's brand mark: the resolved logo, walking a candidate chain on load
+* error, and a deterministic monogram tile when no logo resolves. Rounding is
+* left to the caller's `className` so the same component fits a large catalog
+* tile and a small inline requirement row.
+*/
+function ProviderIcon({ id, iconUrl, displayName, size = 24, className }) {
+	const candidates = React$1.useMemo(() => providerLogoCandidates({
+		id,
+		iconUrl
+	}), [id, iconUrl]);
+	const [index, setIndex] = React$1.useState(0);
+	const candidateKey = `${id} ${iconUrl ?? ""}`;
+	const [seenKey, setSeenKey] = React$1.useState(candidateKey);
+	if (candidateKey !== seenKey) {
+		setSeenKey(candidateKey);
+		setIndex(0);
+	}
+	const initial = (displayName ?? id).trim().charAt(0).toUpperCase() || "?";
+	const src = candidates[index];
+	if (!src) return /* @__PURE__ */ jsx("span", {
+		className: `flex shrink-0 items-center justify-center font-semibold text-white ${className ?? ""}`,
+		style: {
+			width: size,
+			height: size,
+			backgroundColor: monogramColor(id),
+			fontSize: Math.round(size * .42)
+		},
+		"aria-hidden": true,
+		children: initial
+	});
+	return /* @__PURE__ */ jsx("img", {
+		src,
+		alt: "",
+		width: size,
+		height: size,
+		loading: "lazy",
+		className: `shrink-0 object-contain ${className ?? ""}`,
+		style: {
+			width: size,
+			height: size
+		},
+		onError: () => setIndex((i) => i + 1)
+	});
+}
+//#endregion
+export { normalizeProviderId as n, providerLogoCandidates as r, ProviderIcon as t };

package/dist/run.d.ts

@@ -1 +1,2 @@
-export { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from '@tangle-network/ui/run';
+import { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from "@tangle-network/ui/run";
+export { ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, parseToolEvent };

package/dist/run.js

@@ -1,23 +1,2 @@
-import {
-  ExpandedToolDetail,
-  InlineThinkingItem,
-  InlineToolItem,
-  LiveDuration,
-  RunGroup,
-  RunRowShell,
-  RunRowStatusDot,
-  ToolCallFeed,
-  parseToolEvent
-} from "./chunk-M4K7ZGR2.js";
-import "./chunk-CZ7CSFO4.js";
-export {
-  ExpandedToolDetail,
-  InlineThinkingItem,
-  InlineToolItem,
-  LiveDuration,
-  RunGroup,
-  RunRowShell,
-  RunRowStatusDot,
-  ToolCallFeed,
-  parseToolEvent
-};
+import { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent } from "@tangle-network/ui/run";
+export { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent };

package/dist/sdk-hooks.d.ts

@@ -1,4 +1,3 @@
-export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from '@tangle-network/ui/sdk-hooks';
-export { a as SessionInfo, b as SidecarAuth, U as UseSessionStreamOptions, c as UseSessionStreamResult, d as UseSidecarAuthOptions, u as useSessionStream, e as useSidecarAuth } from './sdk-hooks-Djkjq4cp.js';
-import '@tangle-network/agent-interface';
-import '@tangle-network/ui/types';
+import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAuthOptions, r as useSidecarAuth, s as SessionInfo, t as SidecarAuth, u as UseSessionStreamResult } from "./use-sidecar-auth-CCTJcrq7.js";
+import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/sdk-hooks";
+export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, type SessionInfo, type SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/sdk-hooks.js

@@ -1,31 +1,3 @@
-import {
-  useSessionStream,
-  useSidecarAuth
-} from "./chunk-72UF2H5H.js";
-import "./chunk-CZ7CSFO4.js";
-
-// src/sdk-hooks.ts
-import {
-  RealtimeSessionRegistry,
-  useAutoScroll,
-  useDropdownMenu,
-  useRealtimeSession,
-  useRunCollapseState,
-  useRunGroups,
-  useSSEStream,
-  useSdkSession,
-  useToolCallStream
-} from "@tangle-network/ui/sdk-hooks";
-export {
-  RealtimeSessionRegistry,
-  useAutoScroll,
-  useDropdownMenu,
-  useRealtimeSession,
-  useRunCollapseState,
-  useRunGroups,
-  useSSEStream,
-  useSdkSession,
-  useSessionStream,
-  useSidecarAuth,
-  useToolCallStream
-};
+import { i as useSessionStream, t as useSidecarAuth } from "./use-sidecar-auth-DkdcufOz.js";
+import { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/sdk-hooks";
+export { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/sidecar-DgH_vQ6m.d.ts

@@ -0,0 +1,9 @@
+//#region src/types/sidecar.d.ts
+/** A chat session on the sidecar session gateway. */
+interface Session {
+  id: string;
+  title: string;
+  parentID?: string;
+}
+//#endregion
+export { Session as t };

package/dist/stores.d.ts

@@ -1,17 +1,16 @@
-export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from '@tangle-network/ui/stores';
-import * as nanostores from 'nanostores';
-
-interface ChatSession {
-    /** Sidecar HTTP base URL, e.g. "http://localhost:8080". */
-    sidecarUrl: string;
-    /** Auth token for the sidecar API. */
-    token: string;
-    /** Unique session identifier. */
-    sessionId: string;
+import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "@tangle-network/ui/stores";
+//#region src/stores/session-store.d.ts
+export interface ChatSession {
+  /** Sidecar HTTP base URL, e.g. "http://localhost:8080". */
+  sidecarUrl: string;
+  /** Auth token for the sidecar API. */
+  token: string;
+  /** Unique session identifier. */
+  sessionId: string;
 }
 /** The currently active chat session (null when disconnected). */
-declare const sessionAtom: nanostores.PreinitializedWritableAtom<ChatSession | null> & object;
-declare function connectSession(session: ChatSession): void;
-declare function disconnectSession(): void;
-
-export { type ChatSession, connectSession, disconnectSession, sessionAtom };
+export declare const sessionAtom: import("nanostores").PreinitializedWritableAtom<ChatSession | null> & object;
+export declare function connectSession(session: ChatSession): void;
+export declare function disconnectSession(): void;
+//#endregion
+export { type ActiveProjectActivity, type ActiveSessionActivityOptions, type ActiveSessionConnectionOptions, type ActiveSessionConnectionState, type ActiveSessionReconnectState, type ActiveSessionRecord, type ActiveSessionStatus, type ActiveSessionTransportMode, type ActiveSessionsState, type RegisterActiveSessionOptions, type SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };

package/dist/stores.js

@@ -1,81 +1,13 @@
-import {
-  activeSessionsAtom,
-  addMessage,
-  addParts,
-  bumpActiveSessionActivity,
-  clearChat,
-  connectSession,
-  disconnectSession,
-  getActiveSession,
-  getAllActiveSessions,
-  getAllProjectActivity,
-  getSessionsByActivity,
-  getSessionsForNavbar,
-  getSessionsForProject,
-  getTotalRunningSessionCount,
-  hasBackgroundRunningSessions,
-  isStreamingAtom,
-  messagesAtom,
-  partMapAtom,
-  registerActiveSession,
-  resetActiveSessions,
-  sessionAtom,
-  setActiveSessionAttention,
-  setActiveSessionConnection,
-  setActiveSessionError,
-  setActiveSessionRunning,
-  setForegroundActiveSession,
-  unregisterActiveSession,
-  updateActiveSessionMeta,
-  updatePart,
-  useActiveSession,
-  useActiveSessions,
-  useActiveSessionsState,
-  useHasBackgroundRunningSessions,
-  useNavbarSessions,
-  useProjectActivity,
-  useProjectSessions,
-  useSessionsByActivity,
-  useTotalRunningSessions
-} from "./chunk-WID73FPH.js";
-import "./chunk-CZ7CSFO4.js";
-export {
-  activeSessionsAtom,
-  addMessage,
-  addParts,
-  bumpActiveSessionActivity,
-  clearChat,
-  connectSession,
-  disconnectSession,
-  getActiveSession,
-  getAllActiveSessions,
-  getAllProjectActivity,
-  getSessionsByActivity,
-  getSessionsForNavbar,
-  getSessionsForProject,
-  getTotalRunningSessionCount,
-  hasBackgroundRunningSessions,
-  isStreamingAtom,
-  messagesAtom,
-  partMapAtom,
-  registerActiveSession,
-  resetActiveSessions,
-  sessionAtom,
-  setActiveSessionAttention,
-  setActiveSessionConnection,
-  setActiveSessionError,
-  setActiveSessionRunning,
-  setForegroundActiveSession,
-  unregisterActiveSession,
-  updateActiveSessionMeta,
-  updatePart,
-  useActiveSession,
-  useActiveSessions,
-  useActiveSessionsState,
-  useHasBackgroundRunningSessions,
-  useNavbarSessions,
-  useProjectActivity,
-  useProjectSessions,
-  useSessionsByActivity,
-  useTotalRunningSessions
-};
+import { activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "@tangle-network/ui/stores";
+import { atom } from "nanostores";
+//#region src/stores/session-store.ts
+/** The currently active chat session (null when disconnected). */
+const sessionAtom = atom(null);
+function connectSession(session) {
+	sessionAtom.set(session);
+}
+function disconnectSession() {
+	sessionAtom.set(null);
+}
+//#endregion
+export { activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, connectSession, disconnectSession, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };

package/dist/styles.css

@@ -518,6 +518,9 @@
   .-m-1 {
     margin: calc(var(--spacing) * -1);
   }
+  .m-0 {
+    margin: 0px;
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -736,6 +739,10 @@
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -1222,9 +1229,6 @@
   .w-\[420px\] {
     width: 420px;
   }
-  .w-\[440px\] {
-    width: 440px;
-  }
   .w-\[480px\] {
     width: 480px;
   }
@@ -1309,6 +1313,9 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
+  .max-w-80 {
+    max-width: calc(var(--spacing) * 80);
+  }
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
@@ -1339,6 +1346,12 @@
   .max-w-\[320px\] {
     max-width: 320px;
   }
+  .max-w-\[360px\] {
+    max-width: 360px;
+  }
+  .max-w-\[390px\] {
+    max-width: 390px;
+  }
   .max-w-\[400px\] {
     max-width: 400px;
   }
@@ -1381,6 +1394,9 @@
   .max-w-\[700px\] {
     max-width: 700px;
   }
+  .max-w-\[742px\] {
+    max-width: 742px;
+  }
   .max-w-\[760px\] {
     max-width: 760px;
   }
@@ -1399,6 +1415,9 @@
   .max-w-\[900px\] {
     max-width: 900px;
   }
+  .max-w-\[960px\] {
+    max-width: 960px;
+  }
   .max-w-\[1000px\] {
     max-width: 1000px;
   }
@@ -1411,6 +1430,15 @@
   .max-w-\[1100px\] {
     max-width: 1100px;
   }
+  .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
+  .max-w-\[calc\(100vw-5rem\)\] {
+    max-width: calc(100vw - 5rem);
+  }
+  .max-w-\[min\(640px\,calc\(100vw-2rem\)\)\] {
+    max-width: min(640px, calc(100vw - 2rem));
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -4751,6 +4779,14 @@
       }
     }
   }
+  @media (width < 359px) {
+    .max-\[359px\]\:w-full {
+      width: 100%;
+    }
+    .max-\[359px\]\:justify-start {
+      justify-content: flex-start;
+    }
+  }
   @media (width < 64rem) {
     .max-lg\:hidden {
       display: none;
@@ -4838,6 +4874,9 @@
     .sm\:p-5 {
       padding: calc(var(--spacing) * 5);
     }
+    .sm\:p-8 {
+      padding: calc(var(--spacing) * 8);
+    }
     .sm\:px-4 {
       padding-inline: calc(var(--spacing) * 4);
     }
@@ -5581,6 +5620,27 @@
   @supports (color: color-mix(in lab, red, red)) {
     --border-strong: color-mix(in srgb, hsl(var(--hsl-border)), hsl(var(--hsl-foreground)) 20%);
   }
+  --chart-ink: var(--text-primary);
+  --chart-ink-muted: var(--text-dim);
+  --chart-muted: var(--md3-outline);
+  --chart-grid: var(--md3-surface-container-high);
+  --chart-rule: var(--md3-outline-variant);
+  --chart-shade: var(--bg-hover);
+  --chart-accent: var(--brand-cool);
+  --chart-tier-c: #4a4a95;
+  --chart-tier-b: #5b5bd6;
+  --chart-tier-a: #8b87f0;
+  --chart-tier-s: #b1a9ff;
+}
+[data-sandbox-theme="vault"],
+[data-theme="light"],
+.light,
+[data-theme$="-light"] {
+  --chart-accent: hsl(var(--hsl-primary));
+  --chart-tier-c: #9b9ef0;
+  --chart-tier-b: #7c7fe3;
+  --chart-tier-a: #5b5bd6;
+  --chart-tier-s: #272962;
 }
 [data-theme] {
   --color-background: hsl(var(--hsl-background));