@tai42/studio-sdk 30.0.0 → 31.0.0

package/dist/components/tool-picker-parts.d.ts

@@ -1,43 +0,0 @@
-/**
- * The pieces of `ToolPicker`: the tool `Select` itself (grouped or flat), the tag
- * filter field, and the selected tool's capability badges. The picker owns the
- * state and composes these; the option-label and grouping helpers live here too.
- */
-import type { ReactNode } from 'react';
-import { type SelectOption } from './select';
-/** The shared informational note every badge surface carries: declared, never enforced. */
-export declare const BADGES_NOTE = "Declared capability labels \u2014 informational only. They describe what the tool touches; the server never enforces them.";
-export declare const ALL_TAGS = "__all_tags__";
-interface ToolSelectProps {
-    readonly tagsByTool: Readonly<Record<string, readonly string[]>> | undefined;
-    readonly filtered: readonly string[];
-    readonly value: string | null;
-    readonly onChange: (toolName: string) => void;
-    readonly placeholder: string;
-    readonly ariaLabel: string | undefined;
-    readonly disabled: boolean | undefined;
-    readonly displayNames: Readonly<Record<string, string>> | undefined;
-    readonly agentToolNames: ReadonlySet<string> | undefined;
-    /** An option drawn ahead of the list's own (a stored value the list does not carry). */
-    readonly leading: SelectOption | undefined;
-    readonly ariaDescribedBy: string | undefined;
-}
-/** The tool select: grouped by tag when `tagsByTool` is present, else a flat list.
- *  Either branch is a `Select`, which claims the enclosing `Field`'s control id. */
-export declare function ToolSelect({ tagsByTool, filtered, value, onChange, placeholder, ariaLabel, disabled, displayNames, agentToolNames, leading, ariaDescribedBy, }: ToolSelectProps): ReactNode;
-/** The tag filter: an "All tags" sentinel plus one option per distinct tag. */
-export declare function TagFilterField({ allTags, tagFilter, onTagFilterChange, disabled, }: {
-    readonly allTags: readonly string[];
-    readonly tagFilter: string;
-    readonly onTagFilterChange: (value: string) => void;
-    readonly disabled: boolean | undefined;
-}): ReactNode;
-/** The selected tool's DECLARED capability badges, read-only and informational.
- *  Renders nothing unless the selected tool carries badges. */
-export declare function SelectedToolBadges({ value, badgesByTool, idPrefix, }: {
-    readonly value: string | null;
-    readonly badgesByTool: Readonly<Record<string, readonly string[]>> | undefined;
-    readonly idPrefix: string;
-}): ReactNode;
-export {};
-//# sourceMappingURL=tool-picker-parts.d.ts.map

package/dist/components/tool-picker-parts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool-picker-parts.d.ts","sourceRoot":"","sources":["../../src/components/tool-picker-parts.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAA4B,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAGvE,2FAA2F;AAC3F,eAAO,MAAM,WAAW,+HACiG,CAAC;AAO1H,eAAO,MAAM,QAAQ,iBAAiB,CAAC;AAkDvC,UAAU,eAAe;IACvB,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7E,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACzD,wFAAwF;IACxF,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9C;AAED;oFACoF;AACpF,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,OAAO,EACP,eAAe,GAChB,EAAE,eAAe,GAAG,SAAS,CAmC7B;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CACxC,GAAG,SAAS,CAcZ;AAED;+DAC+D;AAC/D,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IAC/E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,GAAG,SAAS,CAmBZ"}

package/dist/components/tool-picker-parts.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { toolDisplayLabel } from '../hooks/useToolDisplayNames';
-import { Badge } from './badge';
-import { Field } from './field';
-import { Select } from './select';
-import { Tooltip } from './tooltip';
-/** The shared informational note every badge surface carries: declared, never enforced. */
-export const BADGES_NOTE = 'Declared capability labels — informational only. They describe what the tool touches; the server never enforces them.';
-const NO_DISPLAY_NAMES = {};
-const UNTAGGED = 'Untagged';
-// Radix `Select.Item` forbids an empty-string value, so the "no filter" choice
-// uses a sentinel rather than ''. A tool literally tagged this string would just
-// never be filtered out — harmless for a UI convenience whose authority is the server.
-export const ALL_TAGS = '__all_tags__';
-/** The group a tool sorts into: its alphabetically-first tag, else "Untagged". */
-function groupFor(name, tagsByTool) {
-    const tags = [...(tagsByTool[name] ?? [])].sort((a, b) => a.localeCompare(b));
-    return tags[0] ?? UNTAGGED;
-}
-/**
- * The option label: `Display Name (raw)` when a distinct non-empty display name maps
- * the name, else the bare name; either way suffixed " (agent)" for an agent run tool.
- */
-function optionLabel(name, displayNames, agentToolNames) {
-    const base = toolDisplayLabel(displayNames ?? NO_DISPLAY_NAMES, name);
-    return agentToolNames?.has(name) === true ? `${base} (agent)` : base;
-}
-/** Build the grouped option clusters (sorted group labels, "Untagged" last). */
-function buildGroups(names, tagsByTool, displayNames, agentToolNames) {
-    const byGroup = new Map();
-    for (const name of names) {
-        const group = groupFor(name, tagsByTool);
-        const bucket = byGroup.get(group) ?? [];
-        bucket.push(name);
-        byGroup.set(group, bucket);
-    }
-    return [...byGroup.entries()]
-        .sort(([a], [b]) => {
-        if (a === UNTAGGED)
-            return 1;
-        if (b === UNTAGGED)
-            return -1;
-        return a.localeCompare(b);
-    })
-        .map(([label, groupNames]) => ({
-        label,
-        options: groupNames.map((name) => ({
-            value: name,
-            label: optionLabel(name, displayNames, agentToolNames),
-        })),
-    }));
-}
-/** The tool select: grouped by tag when `tagsByTool` is present, else a flat list.
- *  Either branch is a `Select`, which claims the enclosing `Field`'s control id. */
-export function ToolSelect({ tagsByTool, filtered, value, onChange, placeholder, ariaLabel, disabled, displayNames, agentToolNames, leading, ariaDescribedBy, }) {
-    if (tagsByTool !== undefined) {
-        const groups = buildGroups(filtered, tagsByTool, displayNames, agentToolNames);
-        return (_jsx(Select, { groups: leading === undefined ? groups : [{ label: leading.label, options: [leading] }, ...groups], value: value ?? '', onValueChange: onChange, placeholder: placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, disabled: disabled }));
-    }
-    const options = filtered.map((name) => ({
-        value: name,
-        label: optionLabel(name, displayNames, agentToolNames),
-    }));
-    return (_jsx(Select
-    // Keep Radix controlled even when the caller's value is null: `''` matches no
-    // item (placeholder still shows) and avoids the uncontrolled→controlled warning
-    // a subsequent selection would otherwise trigger.
-    , { 
-        // Keep Radix controlled even when the caller's value is null: `''` matches no
-        // item (placeholder still shows) and avoids the uncontrolled→controlled warning
-        // a subsequent selection would otherwise trigger.
-        options: leading === undefined ? options : [leading, ...options], value: value ?? '', onValueChange: onChange, placeholder: placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, disabled: disabled }));
-}
-/** The tag filter: an "All tags" sentinel plus one option per distinct tag. */
-export function TagFilterField({ allTags, tagFilter, onTagFilterChange, disabled, }) {
-    return (_jsx(Field, { label: "Filter by tag", children: _jsx(Select, { options: [
-                { value: ALL_TAGS, label: 'All tags' },
-                ...allTags.map((tag) => ({ value: tag, label: tag })),
-            ], value: tagFilter, onValueChange: onTagFilterChange, disabled: disabled }) }));
-}
-/** The selected tool's DECLARED capability badges, read-only and informational.
- *  Renders nothing unless the selected tool carries badges. */
-export function SelectedToolBadges({ value, badgesByTool, idPrefix, }) {
-    if (value === null || badgesByTool === undefined || (badgesByTool[value]?.length ?? 0) === 0) {
-        return null;
-    }
-    return (_jsx(Tooltip, { content: BADGES_NOTE, children: _jsx("span", { className: "tai-row", "data-testid": `${idPrefix}-badges`, style: { gap: 'var(--tai-space-1)' }, children: (badgesByTool[value] ?? []).map((badge) => (_jsx(Badge, { variant: "neutral", children: badge }, badge))) }) }));
-}
-//# sourceMappingURL=tool-picker-parts.js.map

package/dist/components/tool-picker-parts.js.map

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

package/src/components/tool-picker-parts.tsx

@@ -1,195 +0,0 @@
-/**
- * The pieces of `ToolPicker`: the tool `Select` itself (grouped or flat), the tag
- * filter field, and the selected tool's capability badges. The picker owns the
- * state and composes these; the option-label and grouping helpers live here too.
- */
-import type { ReactNode } from 'react';
-
-import { toolDisplayLabel } from '../hooks/useToolDisplayNames';
-import { Badge } from './badge';
-import { Field } from './field';
-import { Select, type SelectGroup, type SelectOption } from './select';
-import { Tooltip } from './tooltip';
-
-/** The shared informational note every badge surface carries: declared, never enforced. */
-export const BADGES_NOTE =
-  'Declared capability labels — informational only. They describe what the tool touches; the server never enforces them.';
-
-const NO_DISPLAY_NAMES: Readonly<Record<string, string>> = {};
-const UNTAGGED = 'Untagged';
-// Radix `Select.Item` forbids an empty-string value, so the "no filter" choice
-// uses a sentinel rather than ''. A tool literally tagged this string would just
-// never be filtered out — harmless for a UI convenience whose authority is the server.
-export const ALL_TAGS = '__all_tags__';
-
-/** The group a tool sorts into: its alphabetically-first tag, else "Untagged". */
-function groupFor(name: string, tagsByTool: Readonly<Record<string, readonly string[]>>): string {
-  const tags = [...(tagsByTool[name] ?? [])].sort((a, b) => a.localeCompare(b));
-  return tags[0] ?? UNTAGGED;
-}
-
-/**
- * The option label: `Display Name (raw)` when a distinct non-empty display name maps
- * the name, else the bare name; either way suffixed " (agent)" for an agent run tool.
- */
-function optionLabel(
-  name: string,
-  displayNames: Readonly<Record<string, string>> | undefined,
-  agentToolNames: ReadonlySet<string> | undefined,
-): string {
-  const base = toolDisplayLabel(displayNames ?? NO_DISPLAY_NAMES, name);
-  return agentToolNames?.has(name) === true ? `${base} (agent)` : base;
-}
-
-/** Build the grouped option clusters (sorted group labels, "Untagged" last). */
-function buildGroups(
-  names: readonly string[],
-  tagsByTool: Readonly<Record<string, readonly string[]>>,
-  displayNames: Readonly<Record<string, string>> | undefined,
-  agentToolNames: ReadonlySet<string> | undefined,
-): SelectGroup[] {
-  const byGroup = new Map<string, string[]>();
-  for (const name of names) {
-    const group = groupFor(name, tagsByTool);
-    const bucket = byGroup.get(group) ?? [];
-    bucket.push(name);
-    byGroup.set(group, bucket);
-  }
-  return [...byGroup.entries()]
-    .sort(([a], [b]) => {
-      if (a === UNTAGGED) return 1;
-      if (b === UNTAGGED) return -1;
-      return a.localeCompare(b);
-    })
-    .map(([label, groupNames]) => ({
-      label,
-      options: groupNames.map((name) => ({
-        value: name,
-        label: optionLabel(name, displayNames, agentToolNames),
-      })),
-    }));
-}
-
-interface ToolSelectProps {
-  readonly tagsByTool: Readonly<Record<string, readonly string[]>> | undefined;
-  readonly filtered: readonly string[];
-  readonly value: string | null;
-  readonly onChange: (toolName: string) => void;
-  readonly placeholder: string;
-  readonly ariaLabel: string | undefined;
-  readonly disabled: boolean | undefined;
-  readonly displayNames: Readonly<Record<string, string>> | undefined;
-  readonly agentToolNames: ReadonlySet<string> | undefined;
-  /** An option drawn ahead of the list's own (a stored value the list does not carry). */
-  readonly leading: SelectOption | undefined;
-  readonly ariaDescribedBy: string | undefined;
-}
-
-/** The tool select: grouped by tag when `tagsByTool` is present, else a flat list.
- *  Either branch is a `Select`, which claims the enclosing `Field`'s control id. */
-export function ToolSelect({
-  tagsByTool,
-  filtered,
-  value,
-  onChange,
-  placeholder,
-  ariaLabel,
-  disabled,
-  displayNames,
-  agentToolNames,
-  leading,
-  ariaDescribedBy,
-}: ToolSelectProps): ReactNode {
-  if (tagsByTool !== undefined) {
-    const groups = buildGroups(filtered, tagsByTool, displayNames, agentToolNames);
-    return (
-      <Select
-        groups={
-          leading === undefined ? groups : [{ label: leading.label, options: [leading] }, ...groups]
-        }
-        value={value ?? ''}
-        onValueChange={onChange}
-        placeholder={placeholder}
-        aria-label={ariaLabel}
-        aria-describedby={ariaDescribedBy}
-        disabled={disabled}
-      />
-    );
-  }
-  const options = filtered.map((name) => ({
-    value: name,
-    label: optionLabel(name, displayNames, agentToolNames),
-  }));
-  return (
-    <Select
-      // Keep Radix controlled even when the caller's value is null: `''` matches no
-      // item (placeholder still shows) and avoids the uncontrolled→controlled warning
-      // a subsequent selection would otherwise trigger.
-      options={leading === undefined ? options : [leading, ...options]}
-      value={value ?? ''}
-      onValueChange={onChange}
-      placeholder={placeholder}
-      aria-label={ariaLabel}
-      aria-describedby={ariaDescribedBy}
-      disabled={disabled}
-    />
-  );
-}
-
-/** The tag filter: an "All tags" sentinel plus one option per distinct tag. */
-export function TagFilterField({
-  allTags,
-  tagFilter,
-  onTagFilterChange,
-  disabled,
-}: {
-  readonly allTags: readonly string[];
-  readonly tagFilter: string;
-  readonly onTagFilterChange: (value: string) => void;
-  readonly disabled: boolean | undefined;
-}): ReactNode {
-  return (
-    <Field label="Filter by tag">
-      <Select
-        options={[
-          { value: ALL_TAGS, label: 'All tags' },
-          ...allTags.map((tag) => ({ value: tag, label: tag })),
-        ]}
-        value={tagFilter}
-        onValueChange={onTagFilterChange}
-        disabled={disabled}
-      />
-    </Field>
-  );
-}
-
-/** The selected tool's DECLARED capability badges, read-only and informational.
- *  Renders nothing unless the selected tool carries badges. */
-export function SelectedToolBadges({
-  value,
-  badgesByTool,
-  idPrefix,
-}: {
-  readonly value: string | null;
-  readonly badgesByTool: Readonly<Record<string, readonly string[]>> | undefined;
-  readonly idPrefix: string;
-}): ReactNode {
-  if (value === null || badgesByTool === undefined || (badgesByTool[value]?.length ?? 0) === 0) {
-    return null;
-  }
-  return (
-    <Tooltip content={BADGES_NOTE}>
-      <span
-        className="tai-row"
-        data-testid={`${idPrefix}-badges`}
-        style={{ gap: 'var(--tai-space-1)' }}
-      >
-        {(badgesByTool[value] ?? []).map((badge) => (
-          <Badge key={badge} variant="neutral">
-            {badge}
-          </Badge>
-        ))}
-      </span>
-    </Tooltip>
-  );
-}