@tangle-network/sandbox-ui 0.26.0 → 0.27.0

package/dist/integrations.js

@@ -1,87 +1,197 @@
 // src/integrations/integrations-panel.tsx
 import * as React from "react";
-import {
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  EmptyState
-} from "@tangle-network/ui/primitives";
+import { Card, CardContent, EmptyState } from "@tangle-network/ui/primitives";
 import { cn } from "@tangle-network/ui/utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function statusVariant(status) {
-  if (status === "connected" || status === "ok") return "default";
-  if (status === "pending") return "secondary";
-  if (status === "revoked" || status === "expired" || status === "failing")
-    return "destructive";
-  return "outline";
-}
+import { Check, Search, Settings2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_FEATURED_IDS = [
+  "gmail",
+  "google-sheets",
+  "google-drive",
+  "google-docs",
+  "google-calendar",
+  "outlook",
+  "outlook-mail",
+  "microsoft-calendar",
+  "microsoft-excel",
+  "microsoft-teams",
+  "slack",
+  "discord",
+  "hubspot",
+  "salesforce",
+  "notion",
+  "airtable",
+  "github",
+  "gitlab",
+  "linear",
+  "jira",
+  "asana",
+  "stripe",
+  "stripe-pack",
+  "twilio",
+  "twilio-sms",
+  "linkedin",
+  "zoom",
+  "shopify",
+  "mailchimp",
+  "zendesk",
+  "intercom",
+  "dropbox",
+  "webhook"
+];
 function defaultConnectorOf(provider) {
   return provider.connectors?.[0]?.connectorId ?? provider.providerId;
 }
+function normalizeProviderId(id) {
+  return id.toLowerCase().replace(/[_\s]+/g, "-").replace(/-(business|oauth|api|app|mail|sms|pack|connector|v\d+)$/g, "");
+}
 var PROVIDER_LOGO_SLUGS = {
   gmail: "gmail",
   googlemail: "gmail",
   google: "google",
   "google-drive": "googledrive",
-  googledrive: "googledrive",
-  drive: "googledrive",
   "google-calendar": "googlecalendar",
-  googlecalendar: "googlecalendar",
-  calendar: "googlecalendar",
   "google-sheets": "googlesheets",
-  instagram: "instagram",
-  facebook: "facebook",
-  meta: "meta",
-  linkedin: "linkedin",
+  "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",
-  tiktok: "tiktok",
-  youtube: "youtube",
-  slack: "slack",
-  discord: "discord",
-  notion: "notion",
+  meta: "meta",
+  "stripe-pack": "stripe",
+  "twilio-sms": "twilio",
+  webhook: "webhooks",
+  webhooks: "webhooks",
   hubspot: "hubspot",
   salesforce: "salesforce",
-  stripe: "stripe",
-  github: "github",
-  gitlab: "gitlab",
-  linear: "linear",
-  jira: "jira",
-  asana: "asana",
-  trello: "trello",
-  dropbox: "dropbox",
-  box: "box",
-  outlook: "microsoftoutlook",
-  "microsoft-outlook": "microsoftoutlook",
-  "microsoft-teams": "microsoftteams",
-  zoom: "zoom",
-  shopify: "shopify",
-  mailchimp: "mailchimp",
-  airtable: "airtable",
+  pipedrive: "pipedrive",
+  zoho: "zoho",
+  quickbooks: "quickbooks",
+  intercom: "intercom",
   zendesk: "zendesk",
-  intercom: "intercom"
+  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"
 };
-function normalizeProviderId(id) {
-  return id.toLowerCase().replace(/[_\s]+/g, "-").replace(/-(business|oauth|api|app|v\d+)$/g, "");
+function logoCandidates(provider) {
+  const out = [];
+  if (provider.iconUrl) out.push(provider.iconUrl);
+  const raw = provider.providerId.toLowerCase();
+  const norm = normalizeProviderId(raw);
+  const slugs = /* @__PURE__ */ new Set();
+  const curated = PROVIDER_LOGO_SLUGS[raw] ?? PROVIDER_LOGO_SLUGS[norm];
+  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;
 }
-function providerLogoUrl(provider) {
-  if (provider.iconUrl) return provider.iconUrl;
-  const id = provider.providerId.toLowerCase();
-  const slug = PROVIDER_LOGO_SLUGS[id] ?? PROVIDER_LOGO_SLUGS[normalizeProviderId(id)];
-  return slug ? `https://cdn.simpleicons.org/${slug}` : void 0;
+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];
 }
-function ProviderLogo({ provider }) {
-  const [failed, setFailed] = React.useState(false);
-  const url = providerLogoUrl(provider);
+function ProviderLogo({
+  provider,
+  size = 56
+}) {
+  const candidates = React.useMemo(() => logoCandidates(provider), [provider]);
+  const [index, setIndex] = React.useState(0);
   const label = (provider.displayName ?? provider.providerId).trim();
   const initial = label.charAt(0).toUpperCase() || "?";
-  if (!url || failed) {
+  const src = candidates[index];
+  if (!src) {
     return /* @__PURE__ */ jsx(
       "span",
       {
-        className: "flex size-6 shrink-0 items-center justify-center rounded bg-muted text-[11px] font-semibold text-muted-foreground",
+        className: "flex shrink-0 items-center justify-center rounded-2xl font-semibold text-white",
+        style: {
+          width: size,
+          height: size,
+          backgroundColor: monogramColor(provider.providerId),
+          fontSize: Math.round(size * 0.42)
+        },
         "aria-hidden": true,
         children: initial
       }
@@ -90,13 +200,14 @@ function ProviderLogo({ provider }) {
   return /* @__PURE__ */ jsx(
     "img",
     {
-      src: url,
+      src,
       alt: "",
-      width: 24,
-      height: 24,
+      width: size,
+      height: size,
       loading: "lazy",
-      className: "size-6 shrink-0 rounded object-contain",
-      onError: () => setFailed(true)
+      className: "shrink-0 object-contain",
+      style: { width: size, height: size },
+      onError: () => setIndex((i) => i + 1)
     }
   );
 }
@@ -108,6 +219,29 @@ function buildConnectionIndex(connections) {
   }
   return index;
 }
+function makeFeaturedRank(featuredIds) {
+  const rank = /* @__PURE__ */ new Map();
+  featuredIds.forEach((id, i) => {
+    const norm = normalizeProviderId(id);
+    if (!rank.has(id)) rank.set(id, i);
+    if (!rank.has(norm)) rank.set(norm, i);
+  });
+  return rank;
+}
+function rankOf(provider, rank) {
+  const raw = provider.providerId.toLowerCase();
+  const direct = rank.get(raw);
+  if (direct !== void 0) return direct;
+  const norm = rank.get(normalizeProviderId(raw));
+  return norm ?? Number.MAX_SAFE_INTEGER;
+}
+function displayNameOf(provider) {
+  return provider.displayName ?? provider.providerId.replace(/[-_]/g, " ");
+}
+function matchesQuery(provider, q) {
+  const hay = `${provider.displayName ?? ""} ${provider.providerId} ${provider.description ?? ""}`.toLowerCase();
+  return hay.includes(q);
+}
 function IntegrationsPanel({
   catalog,
   connections,
@@ -117,12 +251,34 @@ function IntegrationsPanel({
   onConnect,
   onDisconnect,
   emptyCatalogLabel = "No integrations available yet.",
+  featuredIds = DEFAULT_FEATURED_IDS,
+  defaultSort = "featured",
   className
 }) {
+  const [query, setQuery] = React.useState("");
+  const [sort, setSort] = React.useState(defaultSort);
   const connectionIndex = React.useMemo(
     () => buildConnectionIndex(connections),
     [connections]
   );
+  const featuredRank = React.useMemo(
+    () => makeFeaturedRank(featuredIds),
+    [featuredIds]
+  );
+  const visible = React.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    const filtered = q ? catalog.filter((p) => matchesQuery(p, q)) : catalog;
+    const sorted = [...filtered];
+    sorted.sort((a, b) => {
+      if (sort === "featured") {
+        const ra = rankOf(a, featuredRank);
+        const rb = rankOf(b, featuredRank);
+        if (ra !== rb) return ra - rb;
+      }
+      return displayNameOf(a).localeCompare(displayNameOf(b));
+    });
+    return sorted;
+  }, [catalog, query, sort, featuredRank]);
   if (error) {
     return /* @__PURE__ */ jsx(Card, { className: cn("border-destructive/50", className), children: /* @__PURE__ */ jsx(CardContent, { className: "py-6", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
       "Failed to load integrations: ",
@@ -130,10 +286,22 @@ function IntegrationsPanel({
     ] }) }) });
   }
   if (isLoading && catalog.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 sm:grid-cols-2 lg:grid-cols-3", className), children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(Card, { className: "animate-pulse", children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx("div", { className: "h-5 w-32 rounded bg-muted" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-muted" }) })
-    ] }, i)) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",
+          className
+        ),
+        children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "aspect-square animate-pulse rounded-xl border border-border bg-muted/40"
+          },
+          i
+        ))
+      }
+    );
   }
   if (catalog.length === 0) {
     return /* @__PURE__ */ jsx(
@@ -145,61 +313,116 @@ function IntegrationsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 sm:grid-cols-2 lg:grid-cols-3", className), children: catalog.map((provider) => {
-    const connectorId = defaultConnectorOf(provider);
-    const live = connectionIndex.get(`${provider.providerId}:${connectorId}`);
-    const health = live ? healthByConnectionId?.[live.id] : void 0;
-    const headline = provider.displayName ?? provider.providerId.replace(/[-_]/g, " ");
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        "data-testid": `integration-${provider.providerId}`,
-        children: [
-          /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-2 space-y-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(ProviderLogo, { provider }),
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold capitalize text-foreground", children: headline }),
-                live ? /* @__PURE__ */ jsx(Badge, { variant: statusVariant(live.status), className: "text-xs", children: live.status }) : null
-              ] }),
-              provider.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: provider.description }) : null
-            ] }),
-            health ? /* @__PURE__ */ jsx(
-              Badge,
-              {
-                variant: statusVariant(health.status),
-                className: "text-xs uppercase",
-                children: health.status
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-between gap-2", children: live ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: live.account?.displayName ?? live.account?.identity ?? "Connected" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "sm",
-                variant: "outline",
-                onClick: () => onDisconnect(live.id),
-                "data-testid": `disconnect-${provider.providerId}`,
-                children: "Disconnect"
-              }
-            )
-          ] }) : /* @__PURE__ */ jsx(
-            Button,
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2 rounded-lg border border-border bg-card px-3 py-2", children: [
+        /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: "Search integrations...",
+            autoFocus: true,
+            "data-testid": "integration-search",
+            className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "tablist",
+          "aria-label": "Sort integrations",
+          className: "flex shrink-0 items-center gap-1 rounded-lg border border-border bg-card p-1",
+          children: [
+            ["featured", "Featured"],
+            ["alpha", "A\u2013Z"]
+          ].map(([value, label]) => /* @__PURE__ */ jsx(
+            "button",
             {
-              size: "sm",
-              className: "ml-auto",
-              onClick: () => onConnect({ providerId: provider.providerId, connectorId }),
-              "data-testid": `connect-${provider.providerId}`,
-              children: "Connect"
-            }
-          ) })
-        ]
-      },
-      `${provider.providerId}:${connectorId}`
-    );
-  }) });
+              type: "button",
+              role: "tab",
+              "aria-selected": sort === value,
+              onClick: () => setSort(value),
+              "data-testid": `sort-${value}`,
+              className: cn(
+                "rounded-md px-2.5 py-1 text-xs font-medium transition-colors",
+                sort === value ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"
+              ),
+              children: label
+            },
+            value
+          ))
+        }
+      )
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: "No matches",
+        description: `No integrations match "${query.trim()}".`
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6", children: visible.map((provider) => {
+      const connectorId = defaultConnectorOf(provider);
+      const live = connectionIndex.get(
+        `${provider.providerId}:${connectorId}`
+      );
+      const name = displayNameOf(provider);
+      const connected = Boolean(live);
+      if (connected && live) {
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": `integration-${provider.providerId}`,
+            "data-connected": "true",
+            className: cn(
+              "group relative flex aspect-square flex-col items-center justify-center gap-2 rounded-xl border p-3 text-center",
+              "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "absolute left-2 top-2 flex h-4 w-4 items-center justify-center rounded-full bg-[var(--surface-success-text)] text-white", children: /* @__PURE__ */ jsx(Check, { className: "h-3 w-3", strokeWidth: 3 }) }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onDisconnect(live.id),
+                  "data-testid": `manage-${provider.providerId}`,
+                  "aria-label": `Manage ${name}`,
+                  title: "Manage connection",
+                  className: "absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-opacity hover:bg-background hover:text-foreground group-hover:opacity-100",
+                  children: /* @__PURE__ */ jsx(Settings2, { className: "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsx(ProviderLogo, { provider, size: 48 }),
+              /* @__PURE__ */ jsx("span", { className: "line-clamp-2 w-full text-xs font-medium text-foreground", children: name })
+            ]
+          },
+          `${provider.providerId}:${connectorId}`
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": `integration-${provider.providerId}`,
+          "data-connected": "false",
+          onClick: () => onConnect({ providerId: provider.providerId, connectorId }),
+          title: provider.description ? provider.description : `Connect ${name}`,
+          className: cn(
+            "group flex aspect-square flex-col items-center justify-center gap-2 rounded-xl border border-border bg-card p-3 text-center transition-all",
+            "hover:border-primary/40 hover:bg-accent/40 hover:shadow-sm focus:outline-none focus-visible:border-primary/50 focus-visible:ring-2 focus-visible:ring-primary/20"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(ProviderLogo, { provider, size: 56 }),
+            /* @__PURE__ */ jsx("span", { className: "line-clamp-2 w-full text-xs font-medium text-foreground", children: name })
+          ]
+        },
+        `${provider.providerId}:${connectorId}`
+      );
+    }) })
+  ] });
 }
 
 // src/integrations/use-integrations.ts

package/dist/{model-picker-DUfMTQo5.d.ts → model-picker-Cmisf9Y8.d.ts}

@@ -40,6 +40,13 @@ interface ModelInfo {
         hostUrl?: string;
         labUrl?: string;
     };
+    /**
+     * Marks a model as recommended. When any catalog row carries this flag the
+     * picker surfaces those rows in a "Recommended" section at the top. When no
+     * row is flagged the picker falls back to {@link DEFAULT_FEATURED_MODEL_IDS}
+     * (matched by dedup key) so the section is never empty for a router catalog.
+     */
+    featured?: boolean;
 }
 type ModelBrandKey = "ai21" | "alibaba" | "anthropic" | "azure" | "bedrock" | "cartesia" | "cerebras" | "cohere" | "deepseek" | "elevenlabs" | "fal" | "fireworks" | "google" | "groq" | "kuaishou" | "luma" | "meta" | "mistral" | "moonshot" | "openai" | "openrouter" | "perplexity" | "pika" | "replicate" | "runway" | "stability" | "tangle" | "tcloud" | "together" | "vertex" | "xai" | "zai" | "unknown";
 type ModelPickerVariant = "field" | "pill";
@@ -85,10 +92,35 @@ interface ModelPickerProps {
  * unless the id is already prefixed.
  */
 declare function canonicalModelId(model: ModelInfo): string;
+/**
+ * Stable key used to collapse catalog duplicates. The Tangle Router lists the
+ * same underlying model under several host prefixes (e.g. `openai/gpt-5.4`,
+ * `tcloud/gpt-5.4`, `openrouter/openai/gpt-5.4`); they all name one model and
+ * should occupy a single row. The key is `<lab>/<model-id>`: the authoring lab
+ * (inferred via {@link resolveModelBrandIdentity}, which already maps
+ * `gpt-5.4` → openai, `kimi-k2` → moonshot, etc.) plus the final id segment,
+ * so a model collapses to one identity regardless of which host serves it.
+ */
+declare function modelDedupKey(model: ModelInfo): string;
+/**
+ * Collapse catalog duplicates to one row per {@link modelDedupKey}. When a
+ * model is served under multiple hosts the preferred row wins: a `featured`
+ * row beats a non-featured one, otherwise the first occurrence is kept (so
+ * caller-controlled catalog order still decides ties). Input order is
+ * preserved for the surviving rows.
+ */
+declare function dedupeModels(models: ReadonlyArray<ModelInfo>): ModelInfo[];
+/**
+ * Fallback "Recommended" seed — latest frontier models per major lab, matched
+ * by {@link modelDedupKey} against the loaded catalog. Used only when no
+ * catalog row carries an explicit `featured` flag, so a standard router
+ * catalog still gets a curated top section without per-deployment config.
+ */
+declare const DEFAULT_FEATURED_MODEL_IDS: ReadonlyArray<string>;
 /** Format $/M tokens. Returns null if pricing is missing or zero. */
 declare function formatPricing(pricing: ModelInfo["pricing"]): string | null;
 /** Format context length compactly (e.g. 200_000 → "200k"). */
 declare function formatContext(ctx: number | undefined): string | null;
 declare function ModelPicker({ value, onChange, models, loading, recents, popular, excludeProviders, modalities, variant, label, placeholder, className, triggerClassName, disabled, }: ModelPickerProps): react_jsx_runtime.JSX.Element;
 
-export { type ModelInfo as M, ModelPicker as a, type ModelPickerProps as b, type ModelPickerVariant as c, canonicalModelId as d, formatPricing as e, formatContext as f };
+export { DEFAULT_FEATURED_MODEL_IDS as D, type ModelInfo as M, ModelPicker as a, type ModelPickerProps as b, type ModelPickerVariant as c, canonicalModelId as d, dedupeModels as e, formatContext as f, formatPricing as g, modelDedupKey as m };

package/dist/pages.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { c as BillingSubscription, B as BillingBalance, d as BillingUsage, j as UsageDataPoint, f as PricingTier, g as TemplateCardData } from './template-card-UhV3pmRC.js';
-export { M as ModelInfo } from './model-picker-DUfMTQo5.js';
+export { M as ModelInfo } from './model-picker-Cmisf9Y8.js';
 
 /**
  * Shared, self-contained sign-in / sign-up page for every Tangle vertical app.

package/dist/pages.js

@@ -23,7 +23,7 @@ import {
   Switch,
   Textarea
 } from "./chunk-7ZA5SEK3.js";
-import "./chunk-JDMX4HHN.js";
+import "./chunk-6NQBODYV.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";