@shipfox/client-agent 0.2.0

package/dist/components/default-model-field.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormField, useFormField } from '@shipfox/react-ui/form-field';
+import { cn } from '@shipfox/react-ui/utils';
+export const LATEST_MODEL_VALUE = '__latest__';
+export function DefaultModelField({ entry, value, error, children, onChange, onBlur }) {
+    return /*#__PURE__*/ _jsxs(FormField, {
+        label: "Default model",
+        id: `model-provider-${entry.id}-default-model`,
+        error: error,
+        description: defaultModelDescription(entry, value),
+        children: [
+            /*#__PURE__*/ _jsxs(FormFieldSelect, {
+                value: value,
+                onChange: onChange,
+                onBlur: onBlur,
+                children: [
+                    /*#__PURE__*/ _jsx("option", {
+                        value: LATEST_MODEL_VALUE,
+                        children: "Latest"
+                    }),
+                    entry.models.map((model)=>/*#__PURE__*/ _jsx("option", {
+                            value: model.id,
+                            children: model.label
+                        }, model.id))
+                ]
+            }),
+            children
+        ]
+    });
+}
+export function defaultModelFormValue(defaultModel) {
+    return defaultModel ?? LATEST_MODEL_VALUE;
+}
+export function selectedModelForCredentialsPayload(selectedModel) {
+    return selectedModel === LATEST_MODEL_VALUE ? null : selectedModel.trim();
+}
+export function selectedModelForModelPayload(selectedModel) {
+    return selectedModel === LATEST_MODEL_VALUE ? null : selectedModel.trim();
+}
+function defaultModelLabel(entry) {
+    const defaultModel = entry.default_model ?? entry.models[0]?.id ?? '';
+    return entry.models.find((model)=>model.id === defaultModel)?.label ?? defaultModel;
+}
+function defaultModelDescription(entry, selectedModel) {
+    if (selectedModel === LATEST_MODEL_VALUE) {
+        return `Latest follows the provider catalog default. Currently resolves to ${defaultModelLabel(entry)}.`;
+    }
+    if (!selectedModel) return undefined;
+    return selectedModel;
+}
+export function FormFieldSelect({ className, ...props }) {
+    const wiring = useFormField();
+    return /*#__PURE__*/ _jsx("select", {
+        className: cn('w-full min-w-0 rounded-6 bg-background-field-base px-8 py-6 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral outline-none transition-[color,box-shadow]', 'hover:bg-background-field-hover focus-visible:shadow-border-interactive-with-active disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:text-foreground-neutral-disabled', 'aria-invalid:shadow-border-error', className),
+        ...props,
+        ...wiring
+    });
+}
+
+//# sourceMappingURL=default-model-field.js.map

package/dist/components/default-model-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/default-model-field.tsx"],"sourcesContent":["import type {ModelProviderCatalogEntryDto} from '@shipfox/api-agent-dto';\nimport {FormField, useFormField} from '@shipfox/react-ui/form-field';\nimport {cn} from '@shipfox/react-ui/utils';\nimport type {ComponentProps, ReactNode} from 'react';\n\nexport const LATEST_MODEL_VALUE = '__latest__';\n\nexport function DefaultModelField({\n  entry,\n  value,\n  error,\n  children,\n  onChange,\n  onBlur,\n}: {\n  entry: ModelProviderCatalogEntryDto;\n  value: string;\n  error: string | undefined;\n  children?: ReactNode;\n  onChange: ComponentProps<'select'>['onChange'];\n  onBlur: ComponentProps<'select'>['onBlur'];\n}) {\n  return (\n    <FormField\n      label=\"Default model\"\n      id={`model-provider-${entry.id}-default-model`}\n      error={error}\n      description={defaultModelDescription(entry, value)}\n    >\n      <FormFieldSelect value={value} onChange={onChange} onBlur={onBlur}>\n        <option value={LATEST_MODEL_VALUE}>Latest</option>\n        {entry.models.map((model) => (\n          <option key={model.id} value={model.id}>\n            {model.label}\n          </option>\n        ))}\n      </FormFieldSelect>\n      {children}\n    </FormField>\n  );\n}\n\nexport function defaultModelFormValue(defaultModel: string | null | undefined): string {\n  return defaultModel ?? LATEST_MODEL_VALUE;\n}\n\nexport function selectedModelForCredentialsPayload(selectedModel: string): string | null {\n  return selectedModel === LATEST_MODEL_VALUE ? null : selectedModel.trim();\n}\n\nexport function selectedModelForModelPayload(selectedModel: string): string | null {\n  return selectedModel === LATEST_MODEL_VALUE ? null : selectedModel.trim();\n}\n\nfunction defaultModelLabel(entry: ModelProviderCatalogEntryDto): string {\n  const defaultModel = entry.default_model ?? entry.models[0]?.id ?? '';\n  return entry.models.find((model) => model.id === defaultModel)?.label ?? defaultModel;\n}\n\nfunction defaultModelDescription(\n  entry: ModelProviderCatalogEntryDto,\n  selectedModel: string | undefined,\n): string | undefined {\n  if (selectedModel === LATEST_MODEL_VALUE) {\n    return `Latest follows the provider catalog default. Currently resolves to ${defaultModelLabel(entry)}.`;\n  }\n  if (!selectedModel) return undefined;\n  return selectedModel;\n}\n\nexport function FormFieldSelect({className, ...props}: ComponentProps<'select'>) {\n  const wiring = useFormField();\n  return (\n    <select\n      className={cn(\n        'w-full min-w-0 rounded-6 bg-background-field-base px-8 py-6 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral outline-none transition-[color,box-shadow]',\n        'hover:bg-background-field-hover focus-visible:shadow-border-interactive-with-active disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:text-foreground-neutral-disabled',\n        'aria-invalid:shadow-border-error',\n        className,\n      )}\n      {...props}\n      {...wiring}\n    />\n  );\n}\n"],"names":["FormField","useFormField","cn","LATEST_MODEL_VALUE","DefaultModelField","entry","value","error","children","onChange","onBlur","label","id","description","defaultModelDescription","FormFieldSelect","option","models","map","model","defaultModelFormValue","defaultModel","selectedModelForCredentialsPayload","selectedModel","trim","selectedModelForModelPayload","defaultModelLabel","default_model","find","undefined","className","props","wiring","select"],"mappings":";AACA,SAAQA,SAAS,EAAEC,YAAY,QAAO,+BAA+B;AACrE,SAAQC,EAAE,QAAO,0BAA0B;AAG3C,OAAO,MAAMC,qBAAqB,aAAa;AAE/C,OAAO,SAASC,kBAAkB,EAChCC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,MAAM,EAQP;IACC,qBACE,MAACV;QACCW,OAAM;QACNC,IAAI,CAAC,eAAe,EAAEP,MAAMO,EAAE,CAAC,cAAc,CAAC;QAC9CL,OAAOA;QACPM,aAAaC,wBAAwBT,OAAOC;;0BAE5C,MAACS;gBAAgBT,OAAOA;gBAAOG,UAAUA;gBAAUC,QAAQA;;kCACzD,KAACM;wBAAOV,OAAOH;kCAAoB;;oBAClCE,MAAMY,MAAM,CAACC,GAAG,CAAC,CAACC,sBACjB,KAACH;4BAAsBV,OAAOa,MAAMP,EAAE;sCACnCO,MAAMR,KAAK;2BADDQ,MAAMP,EAAE;;;YAKxBJ;;;AAGP;AAEA,OAAO,SAASY,sBAAsBC,YAAuC;IAC3E,OAAOA,gBAAgBlB;AACzB;AAEA,OAAO,SAASmB,mCAAmCC,aAAqB;IACtE,OAAOA,kBAAkBpB,qBAAqB,OAAOoB,cAAcC,IAAI;AACzE;AAEA,OAAO,SAASC,6BAA6BF,aAAqB;IAChE,OAAOA,kBAAkBpB,qBAAqB,OAAOoB,cAAcC,IAAI;AACzE;AAEA,SAASE,kBAAkBrB,KAAmC;IAC5D,MAAMgB,eAAehB,MAAMsB,aAAa,IAAItB,MAAMY,MAAM,CAAC,EAAE,EAAEL,MAAM;IACnE,OAAOP,MAAMY,MAAM,CAACW,IAAI,CAAC,CAACT,QAAUA,MAAMP,EAAE,KAAKS,eAAeV,SAASU;AAC3E;AAEA,SAASP,wBACPT,KAAmC,EACnCkB,aAAiC;IAEjC,IAAIA,kBAAkBpB,oBAAoB;QACxC,OAAO,CAAC,mEAAmE,EAAEuB,kBAAkBrB,OAAO,CAAC,CAAC;IAC1G;IACA,IAAI,CAACkB,eAAe,OAAOM;IAC3B,OAAON;AACT;AAEA,OAAO,SAASR,gBAAgB,EAACe,SAAS,EAAE,GAAGC,OAAgC;IAC7E,MAAMC,SAAS/B;IACf,qBACE,KAACgC;QACCH,WAAW5B,GACT,gLACA,qMACA,oCACA4B;QAED,GAAGC,KAAK;QACR,GAAGC,MAAM;;AAGhB"}

package/dist/components/form-errors.d.ts

@@ -0,0 +1,11 @@
+export type ModelProviderConfigFormErrorMapping = {
+    kind: 'form';
+    message: string;
+} | {
+    kind: 'field';
+    field: 'slug' | 'base_url' | 'default_model';
+    message: string;
+};
+export declare function modelProviderConfigErrorToFormError(error: unknown): ModelProviderConfigFormErrorMapping;
+export declare function modelProviderConfigErrorField(error: unknown): ModelProviderConfigFormErrorMapping;
+//# sourceMappingURL=form-errors.d.ts.map

package/dist/components/form-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-errors.d.ts","sourceRoot":"","sources":["../../src/components/form-errors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mCAAmC,GAC3C;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,GAC/B;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,eAAe,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,CAAC;AAYnF,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,OAAO,GACb,mCAAmC,CAQrC;AAuDD,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,OAAO,GAAG,mCAAmC,CAUjG"}

package/dist/components/form-errors.js

@@ -0,0 +1,101 @@
+import { ApiError } from '@shipfox/client-api';
+export function modelProviderConfigErrorToFormError(error) {
+    if (error instanceof ApiError) {
+        return {
+            kind: 'form',
+            message: apiErrorMessage(error)
+        };
+    }
+    if (error instanceof Error) {
+        return {
+            kind: 'form',
+            message: error.message
+        };
+    }
+    return {
+        kind: 'form',
+        message: 'Something went wrong. Try again.'
+    };
+}
+function apiErrorMessage(error) {
+    const details = modelProviderErrorDetails(error.details);
+    if (error.code === 'provider-validation-failed') {
+        return typeof details.message === 'string' ? details.message : error.message;
+    }
+    if (error.code === 'invalid-credential-fields') {
+        const expectedKeys = Array.isArray(details.expected_keys) ? details.expected_keys.filter((key)=>typeof key === 'string') : [];
+        if (expectedKeys.length > 0) {
+            return `Credentials must include exactly these fields: ${expectedKeys.join(', ')}.`;
+        }
+        return 'Credentials do not match the fields required by this provider.';
+    }
+    if (error.code === 'invalid-agent-model') {
+        return 'Choose a model from the models list.';
+    }
+    if (error.code === 'slug-collision') {
+        return 'A provider with this id already exists in this workspace.';
+    }
+    if (error.code === 'egress-denied') {
+        const target = typeof details.target === 'string' ? details.target : undefined;
+        const reason = typeof details.reason === 'string' ? details.reason : undefined;
+        const prefix = target && reason ? `Requests to ${target} are blocked (${reason}). ` : '';
+        return `${prefix}On Shipfox Cloud the endpoint must be reachable from the internet. Use a public HTTPS URL for hosted providers.`;
+    }
+    if (error.code === 'invalid-header-keep') {
+        return 'A kept secret header no longer exists - re-enter its value.';
+    }
+    if (error.code === 'stored-secret-base-url-changed') {
+        return 'Re-enter stored secret values before testing against a different base URL.';
+    }
+    if (error.code === 'not-found') {
+        return 'This custom provider no longer exists. Refresh and try again.';
+    }
+    if (error.code === 'workspace-secret-cap-exceeded') {
+        return typeof details.cap === 'number' ? `This workspace has reached its secrets limit of ${details.cap}.` : 'This workspace has reached its secrets limit.';
+    }
+    if (error.code === 'value-too-large') {
+        return 'A key or header value is too large to store.';
+    }
+    if (error.code === 'provider-unsupported') {
+        return 'This provider is not supported for workspace-managed credentials.';
+    }
+    if (error.code === 'provider-not-configured') {
+        return 'Configure this provider before setting it as the default.';
+    }
+    return error.message;
+}
+export function modelProviderConfigErrorField(error) {
+    const mapping = modelProviderConfigErrorToFormError(error);
+    if (!(error instanceof ApiError)) return mapping;
+    if (error.code === 'slug-collision') return {
+        ...mapping,
+        kind: 'field',
+        field: 'slug'
+    };
+    if (error.code === 'egress-denied') return {
+        ...mapping,
+        kind: 'field',
+        field: 'base_url'
+    };
+    if (error.code === 'invalid-agent-model') return {
+        ...mapping,
+        kind: 'field',
+        field: 'default_model'
+    };
+    if (error.code === 'stored-secret-base-url-changed') return {
+        ...mapping,
+        kind: 'field',
+        field: 'base_url'
+    };
+    return mapping;
+}
+function modelProviderErrorDetails(rawDetails) {
+    if (typeof rawDetails !== 'object' || rawDetails === null) return {};
+    const payload = rawDetails;
+    if (typeof payload.details === 'object' && payload.details !== null) {
+        return payload.details;
+    }
+    return payload;
+}
+
+//# sourceMappingURL=form-errors.js.map

package/dist/components/form-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form-errors.ts"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\n\nexport type ModelProviderConfigFormErrorMapping =\n  | {kind: 'form'; message: string}\n  | {kind: 'field'; field: 'slug' | 'base_url' | 'default_model'; message: string};\n\ntype ModelProviderErrorDetails = {\n  message?: unknown;\n  provider_id?: unknown;\n  expected_keys?: unknown;\n  reason?: unknown;\n  target?: unknown;\n  cap?: unknown;\n  details?: unknown;\n};\n\nexport function modelProviderConfigErrorToFormError(\n  error: unknown,\n): ModelProviderConfigFormErrorMapping {\n  if (error instanceof ApiError) {\n    return {kind: 'form', message: apiErrorMessage(error)};\n  }\n  if (error instanceof Error) {\n    return {kind: 'form', message: error.message};\n  }\n  return {kind: 'form', message: 'Something went wrong. Try again.'};\n}\n\nfunction apiErrorMessage(error: ApiError): string {\n  const details = modelProviderErrorDetails(error.details);\n\n  if (error.code === 'provider-validation-failed') {\n    return typeof details.message === 'string' ? details.message : error.message;\n  }\n  if (error.code === 'invalid-credential-fields') {\n    const expectedKeys = Array.isArray(details.expected_keys)\n      ? details.expected_keys.filter((key): key is string => typeof key === 'string')\n      : [];\n    if (expectedKeys.length > 0) {\n      return `Credentials must include exactly these fields: ${expectedKeys.join(', ')}.`;\n    }\n    return 'Credentials do not match the fields required by this provider.';\n  }\n  if (error.code === 'invalid-agent-model') {\n    return 'Choose a model from the models list.';\n  }\n  if (error.code === 'slug-collision') {\n    return 'A provider with this id already exists in this workspace.';\n  }\n  if (error.code === 'egress-denied') {\n    const target = typeof details.target === 'string' ? details.target : undefined;\n    const reason = typeof details.reason === 'string' ? details.reason : undefined;\n    const prefix = target && reason ? `Requests to ${target} are blocked (${reason}). ` : '';\n    return `${prefix}On Shipfox Cloud the endpoint must be reachable from the internet. Use a public HTTPS URL for hosted providers.`;\n  }\n  if (error.code === 'invalid-header-keep') {\n    return 'A kept secret header no longer exists - re-enter its value.';\n  }\n  if (error.code === 'stored-secret-base-url-changed') {\n    return 'Re-enter stored secret values before testing against a different base URL.';\n  }\n  if (error.code === 'not-found') {\n    return 'This custom provider no longer exists. Refresh and try again.';\n  }\n  if (error.code === 'workspace-secret-cap-exceeded') {\n    return typeof details.cap === 'number'\n      ? `This workspace has reached its secrets limit of ${details.cap}.`\n      : 'This workspace has reached its secrets limit.';\n  }\n  if (error.code === 'value-too-large') {\n    return 'A key or header value is too large to store.';\n  }\n  if (error.code === 'provider-unsupported') {\n    return 'This provider is not supported for workspace-managed credentials.';\n  }\n  if (error.code === 'provider-not-configured') {\n    return 'Configure this provider before setting it as the default.';\n  }\n  return error.message;\n}\n\nexport function modelProviderConfigErrorField(error: unknown): ModelProviderConfigFormErrorMapping {\n  const mapping = modelProviderConfigErrorToFormError(error);\n  if (!(error instanceof ApiError)) return mapping;\n  if (error.code === 'slug-collision') return {...mapping, kind: 'field', field: 'slug'};\n  if (error.code === 'egress-denied') return {...mapping, kind: 'field', field: 'base_url'};\n  if (error.code === 'invalid-agent-model')\n    return {...mapping, kind: 'field', field: 'default_model'};\n  if (error.code === 'stored-secret-base-url-changed')\n    return {...mapping, kind: 'field', field: 'base_url'};\n  return mapping;\n}\n\nfunction modelProviderErrorDetails(rawDetails: unknown): ModelProviderErrorDetails {\n  if (typeof rawDetails !== 'object' || rawDetails === null) return {};\n\n  const payload = rawDetails as ModelProviderErrorDetails;\n  if (typeof payload.details === 'object' && payload.details !== null) {\n    return payload.details as ModelProviderErrorDetails;\n  }\n  return payload;\n}\n"],"names":["ApiError","modelProviderConfigErrorToFormError","error","kind","message","apiErrorMessage","Error","details","modelProviderErrorDetails","code","expectedKeys","Array","isArray","expected_keys","filter","key","length","join","target","undefined","reason","prefix","cap","modelProviderConfigErrorField","mapping","field","rawDetails","payload"],"mappings":"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"}

package/dist/components/harness-availability.d.ts

@@ -0,0 +1,8 @@
+import { type Harness, type HarnessDescriptor, type ModelProviderConfigResponseDto } from '@shipfox/api-agent-dto';
+export declare function configSupportsHarness(config: ModelProviderConfigResponseDto, descriptor: HarnessDescriptor): boolean;
+export declare function isHarnessAvailable(descriptor: HarnessDescriptor, configs: ModelProviderConfigResponseDto[]): boolean;
+export declare function compatibleHarnessIds({ isCustom, providerId, }: {
+    isCustom: boolean;
+    providerId: string;
+}): Harness[];
+//# sourceMappingURL=harness-availability.d.ts.map

package/dist/components/harness-availability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"harness-availability.d.ts","sourceRoot":"","sources":["../../src/components/harness-availability.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,iBAAiB,EAEtB,KAAK,8BAA8B,EACpC,MAAM,wBAAwB,CAAC;AAEhC,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,8BAA8B,EACtC,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CAGT;AAED,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,8BAA8B,EAAE,GACxC,OAAO,CAET;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,OAAO,EAAE,CAKZ"}

package/dist/components/harness-availability.js

@@ -0,0 +1,16 @@
+import { DEFAULT_HARNESS, listHarnessDescriptors } from '@shipfox/api-agent-dto';
+export function configSupportsHarness(config, descriptor) {
+    if (config.kind === 'custom') return descriptor.id === DEFAULT_HARNESS;
+    return descriptor.supportedProviderIds.includes(config.provider_id);
+}
+export function isHarnessAvailable(descriptor, configs) {
+    return configs.some((config)=>configSupportsHarness(config, descriptor));
+}
+export function compatibleHarnessIds({ isCustom, providerId }) {
+    if (isCustom) return [
+        DEFAULT_HARNESS
+    ];
+    return listHarnessDescriptors().filter((descriptor)=>descriptor.supportedProviderIds.includes(providerId)).map((descriptor)=>descriptor.id);
+}
+
+//# sourceMappingURL=harness-availability.js.map

package/dist/components/harness-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/harness-availability.ts"],"sourcesContent":["import {\n  DEFAULT_HARNESS,\n  type Harness,\n  type HarnessDescriptor,\n  listHarnessDescriptors,\n  type ModelProviderConfigResponseDto,\n} from '@shipfox/api-agent-dto';\n\nexport function configSupportsHarness(\n  config: ModelProviderConfigResponseDto,\n  descriptor: HarnessDescriptor,\n): boolean {\n  if (config.kind === 'custom') return descriptor.id === DEFAULT_HARNESS;\n  return descriptor.supportedProviderIds.includes(config.provider_id);\n}\n\nexport function isHarnessAvailable(\n  descriptor: HarnessDescriptor,\n  configs: ModelProviderConfigResponseDto[],\n): boolean {\n  return configs.some((config) => configSupportsHarness(config, descriptor));\n}\n\nexport function compatibleHarnessIds({\n  isCustom,\n  providerId,\n}: {\n  isCustom: boolean;\n  providerId: string;\n}): Harness[] {\n  if (isCustom) return [DEFAULT_HARNESS];\n  return listHarnessDescriptors()\n    .filter((descriptor) => descriptor.supportedProviderIds.includes(providerId))\n    .map((descriptor) => descriptor.id);\n}\n"],"names":["DEFAULT_HARNESS","listHarnessDescriptors","configSupportsHarness","config","descriptor","kind","id","supportedProviderIds","includes","provider_id","isHarnessAvailable","configs","some","compatibleHarnessIds","isCustom","providerId","filter","map"],"mappings":"AAAA,SACEA,eAAe,EAGfC,sBAAsB,QAEjB,yBAAyB;AAEhC,OAAO,SAASC,sBACdC,MAAsC,EACtCC,UAA6B;IAE7B,IAAID,OAAOE,IAAI,KAAK,UAAU,OAAOD,WAAWE,EAAE,KAAKN;IACvD,OAAOI,WAAWG,oBAAoB,CAACC,QAAQ,CAACL,OAAOM,WAAW;AACpE;AAEA,OAAO,SAASC,mBACdN,UAA6B,EAC7BO,OAAyC;IAEzC,OAAOA,QAAQC,IAAI,CAAC,CAACT,SAAWD,sBAAsBC,QAAQC;AAChE;AAEA,OAAO,SAASS,qBAAqB,EACnCC,QAAQ,EACRC,UAAU,EAIX;IACC,IAAID,UAAU,OAAO;QAACd;KAAgB;IACtC,OAAOC,yBACJe,MAAM,CAAC,CAACZ,aAAeA,WAAWG,oBAAoB,CAACC,QAAQ,CAACO,aAChEE,GAAG,CAAC,CAACb,aAAeA,WAAWE,EAAE;AACtC"}

package/dist/components/harnesses-section.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkspaceHarnessesSection({ workspaceId }: {
+    workspaceId: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=harnesses-section.d.ts.map

package/dist/components/harnesses-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"harnesses-section.d.ts","sourceRoot":"","sources":["../../src/components/harnesses-section.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,yBAAyB,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,+BA+F7E"}

package/dist/components/harnesses-section.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DEFAULT_HARNESS, listHarnessDescriptors } from '@shipfox/api-agent-dto';
+import { QueryLoadError } from '@shipfox/client-ui';
+import { IconButton } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { toast } from '@shipfox/react-ui/toast';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useRef, useState } from 'react';
+import { useModelProviderConfigsQuery, useSetDefaultHarnessMutation } from '#hooks/api/model-providers.js';
+import { modelProviderConfigErrorToFormError } from './form-errors.js';
+import { isHarnessAvailable } from './harness-availability.js';
+const SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function WorkspaceHarnessesSection({ workspaceId }) {
+    const configsQuery = useModelProviderConfigsQuery(workspaceId);
+    const setDefaultHarness = useSetDefaultHarnessMutation();
+    const activeWorkspaceIdRef = useRef(workspaceId);
+    const defaultRequestSeqRef = useRef(0);
+    const activeDefaultRequestRef = useRef(null);
+    const [pendingDefaultHarness, setPendingDefaultHarness] = useState(null);
+    const [defaultError, setDefaultError] = useState();
+    const configs = configsQuery.data?.configs ?? [];
+    const defaultHarnessId = configsQuery.data?.default_harness_id ?? DEFAULT_HARNESS;
+    activeWorkspaceIdRef.current = workspaceId;
+    function isActiveDefaultRequest(request) {
+        const activeRequest = activeDefaultRequestRef.current;
+        return activeWorkspaceIdRef.current === request.workspaceId && activeRequest?.workspaceId === request.workspaceId && activeRequest.id === request.id;
+    }
+    async function handleSetDefault(harness) {
+        if (activeDefaultRequestRef.current?.workspaceId === workspaceId) return;
+        const request = {
+            workspaceId,
+            id: defaultRequestSeqRef.current + 1
+        };
+        defaultRequestSeqRef.current = request.id;
+        activeDefaultRequestRef.current = request;
+        setPendingDefaultHarness({
+            workspaceId,
+            harnessId: harness.id
+        });
+        setDefaultError(undefined);
+        try {
+            await setDefaultHarness.mutateAsync({
+                workspaceId,
+                body: {
+                    harness_id: harness.id
+                }
+            });
+            if (!isActiveDefaultRequest(request)) return;
+            toast.success(`${harness.label} is now the default harness`);
+        } catch (error) {
+            if (!isActiveDefaultRequest(request)) return;
+            const mapped = modelProviderConfigErrorToFormError(error);
+            setDefaultError({
+                workspaceId,
+                harnessId: harness.id,
+                message: mapped.message || 'Could not save default harness. Try again.'
+            });
+        } finally{
+            if (isActiveDefaultRequest(request)) {
+                activeDefaultRequestRef.current = null;
+                setPendingDefaultHarness(null);
+            }
+        }
+    }
+    return /*#__PURE__*/ _jsxs("section", {
+        className: "flex flex-col gap-16",
+        "aria-label": "Harnesses",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-4",
+                children: [
+                    /*#__PURE__*/ _jsx(Header, {
+                        variant: "h3",
+                        children: "Harnesses"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "sm",
+                        className: "text-foreground-neutral-muted",
+                        children: "Harnesses available to run agent steps in this workspace."
+                    })
+                ]
+            }),
+            configsQuery.isPending ? /*#__PURE__*/ _jsx(HarnessRowsSkeleton, {}) : null,
+            configsQuery.isError && configsQuery.data === undefined ? /*#__PURE__*/ _jsx("div", {
+                className: cn(SURFACE_CLASS, 'px-16'),
+                children: /*#__PURE__*/ _jsx(QueryLoadError, {
+                    query: configsQuery,
+                    subject: "harnesses"
+                })
+            }) : null,
+            configsQuery.data !== undefined ? /*#__PURE__*/ _jsx("ul", {
+                className: cn('divide-y divide-border-neutral-base', SURFACE_CLASS),
+                children: listHarnessDescriptors().map((harness)=>/*#__PURE__*/ _jsx(HarnessRow, {
+                        harness: harness,
+                        isDefault: harness.id === defaultHarnessId,
+                        isAvailable: isHarnessAvailable(harness, configs),
+                        isSettingDefault: pendingDefaultHarness?.workspaceId === workspaceId,
+                        defaultError: defaultError?.workspaceId === workspaceId && defaultError.harnessId === harness.id ? defaultError.message : undefined,
+                        onSetDefault: handleSetDefault
+                    }, harness.id))
+            }) : null
+        ]
+    });
+}
+function HarnessRow({ harness, isDefault, isAvailable, isSettingDefault, defaultError, onSetDefault }) {
+    const unavailableCopy = harnessUnavailableCopy(isDefault);
+    return /*#__PURE__*/ _jsxs("li", {
+        className: "flex flex-col gap-10 px-16 py-12 transition-colors hover:bg-background-components-hover",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-12",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 items-center gap-8",
+                        children: [
+                            isDefault ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Tooltip, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                                asChild: true,
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    className: "inline-flex size-16 shrink-0 items-center justify-center",
+                                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                                        name: "starLine",
+                                                        className: "size-16 text-foreground-neutral-muted",
+                                                        "aria-hidden": true
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TooltipContent, {
+                                                children: "Default harness"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "sr-only",
+                                        children: "Default harness"
+                                    })
+                                ]
+                            }) : null,
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "md",
+                                bold: true,
+                                className: "truncate",
+                                children: harness.label
+                            }),
+                            !isAvailable ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Tooltip, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                                asChild: true,
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    className: "inline-flex size-16 shrink-0 items-center justify-center",
+                                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                                        name: "errorWarningLine",
+                                                        className: "size-16 text-foreground-warning-base",
+                                                        "aria-hidden": true
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TooltipContent, {
+                                                children: unavailableCopy
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "sr-only",
+                                        children: unavailableCopy
+                                    })
+                                ]
+                            }) : null
+                        ]
+                    }),
+                    !isDefault ? /*#__PURE__*/ _jsxs(DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx(IconButton, {
+                                    size: "sm",
+                                    variant: "transparent",
+                                    icon: "more2Line",
+                                    disabled: isSettingDefault,
+                                    "aria-label": `Open ${harness.label} harness actions`
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                                align: "end",
+                                children: /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                    icon: "starLine",
+                                    disabled: isSettingDefault || !isAvailable,
+                                    onSelect: ()=>{
+                                        onSetDefault(harness);
+                                    },
+                                    children: "Set as default"
+                                })
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            defaultError ? /*#__PURE__*/ _jsx(Callout, {
+                role: "alert",
+                type: "error",
+                children: /*#__PURE__*/ _jsx(Text, {
+                    size: "sm",
+                    children: defaultError
+                })
+            }) : null
+        ]
+    });
+}
+function harnessUnavailableCopy(isDefault) {
+    const base = 'Configure a compatible model provider to use this harness.';
+    if (!isDefault) return base;
+    return `${base} The stored default harness cannot currently run in this workspace.`;
+}
+function HarnessRowsSkeleton() {
+    return /*#__PURE__*/ _jsx("ul", {
+        role: "status",
+        "aria-label": "Loading harnesses",
+        className: cn('divide-y divide-border-neutral-base', SURFACE_CLASS),
+        children: [
+            0,
+            1
+        ].map((row)=>/*#__PURE__*/ _jsxs("li", {
+                className: "flex items-center gap-12 px-16 py-12",
+                children: [
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "size-16 shrink-0"
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "h-16 w-120"
+                    }),
+                    /*#__PURE__*/ _jsx(Skeleton, {
+                        className: "ml-auto size-28 shrink-0"
+                    })
+                ]
+            }, row))
+    });
+}
+
+//# sourceMappingURL=harnesses-section.js.map

package/dist/components/harnesses-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/harnesses-section.tsx"],"sourcesContent":["import {\n  DEFAULT_HARNESS,\n  type Harness,\n  type HarnessDescriptor,\n  listHarnessDescriptors,\n} from '@shipfox/api-agent-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {IconButton} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useRef, useState} from 'react';\nimport {\n  useModelProviderConfigsQuery,\n  useSetDefaultHarnessMutation,\n} from '#hooks/api/model-providers.js';\nimport {modelProviderConfigErrorToFormError} from './form-errors.js';\nimport {isHarnessAvailable} from './harness-availability.js';\n\nconst SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function WorkspaceHarnessesSection({workspaceId}: {workspaceId: string}) {\n  const configsQuery = useModelProviderConfigsQuery(workspaceId);\n  const setDefaultHarness = useSetDefaultHarnessMutation();\n  const activeWorkspaceIdRef = useRef(workspaceId);\n  const defaultRequestSeqRef = useRef(0);\n  const activeDefaultRequestRef = useRef<{workspaceId: string; id: number} | null>(null);\n  const [pendingDefaultHarness, setPendingDefaultHarness] = useState<{\n    workspaceId: string;\n    harnessId: Harness;\n  } | null>(null);\n  const [defaultError, setDefaultError] = useState<\n    {workspaceId: string; harnessId: Harness; message: string} | undefined\n  >();\n  const configs = configsQuery.data?.configs ?? [];\n  const defaultHarnessId = configsQuery.data?.default_harness_id ?? DEFAULT_HARNESS;\n  activeWorkspaceIdRef.current = workspaceId;\n\n  function isActiveDefaultRequest(request: {workspaceId: string; id: number}) {\n    const activeRequest = activeDefaultRequestRef.current;\n    return (\n      activeWorkspaceIdRef.current === request.workspaceId &&\n      activeRequest?.workspaceId === request.workspaceId &&\n      activeRequest.id === request.id\n    );\n  }\n\n  async function handleSetDefault(harness: HarnessDescriptor) {\n    if (activeDefaultRequestRef.current?.workspaceId === workspaceId) return;\n\n    const request = {workspaceId, id: defaultRequestSeqRef.current + 1};\n    defaultRequestSeqRef.current = request.id;\n    activeDefaultRequestRef.current = request;\n    setPendingDefaultHarness({workspaceId, harnessId: harness.id});\n    setDefaultError(undefined);\n    try {\n      await setDefaultHarness.mutateAsync({\n        workspaceId,\n        body: {harness_id: harness.id},\n      });\n      if (!isActiveDefaultRequest(request)) return;\n      toast.success(`${harness.label} is now the default harness`);\n    } catch (error) {\n      if (!isActiveDefaultRequest(request)) return;\n      const mapped = modelProviderConfigErrorToFormError(error);\n      setDefaultError({\n        workspaceId,\n        harnessId: harness.id,\n        message: mapped.message || 'Could not save default harness. Try again.',\n      });\n    } finally {\n      if (isActiveDefaultRequest(request)) {\n        activeDefaultRequestRef.current = null;\n        setPendingDefaultHarness(null);\n      }\n    }\n  }\n\n  return (\n    <section className=\"flex flex-col gap-16\" aria-label=\"Harnesses\">\n      <div className=\"flex flex-col gap-4\">\n        <Header variant=\"h3\">Harnesses</Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          Harnesses available to run agent steps in this workspace.\n        </Text>\n      </div>\n\n      {configsQuery.isPending ? <HarnessRowsSkeleton /> : null}\n\n      {configsQuery.isError && configsQuery.data === undefined ? (\n        <div className={cn(SURFACE_CLASS, 'px-16')}>\n          <QueryLoadError query={configsQuery} subject=\"harnesses\" />\n        </div>\n      ) : null}\n\n      {configsQuery.data !== undefined ? (\n        <ul className={cn('divide-y divide-border-neutral-base', SURFACE_CLASS)}>\n          {listHarnessDescriptors().map((harness) => (\n            <HarnessRow\n              key={harness.id}\n              harness={harness}\n              isDefault={harness.id === defaultHarnessId}\n              isAvailable={isHarnessAvailable(harness, configs)}\n              isSettingDefault={pendingDefaultHarness?.workspaceId === workspaceId}\n              defaultError={\n                defaultError?.workspaceId === workspaceId && defaultError.harnessId === harness.id\n                  ? defaultError.message\n                  : undefined\n              }\n              onSetDefault={handleSetDefault}\n            />\n          ))}\n        </ul>\n      ) : null}\n    </section>\n  );\n}\n\nfunction HarnessRow({\n  harness,\n  isDefault,\n  isAvailable,\n  isSettingDefault,\n  defaultError,\n  onSetDefault,\n}: {\n  harness: HarnessDescriptor;\n  isDefault: boolean;\n  isAvailable: boolean;\n  isSettingDefault: boolean;\n  defaultError: string | undefined;\n  onSetDefault: (harness: HarnessDescriptor) => void;\n}) {\n  const unavailableCopy = harnessUnavailableCopy(isDefault);\n\n  return (\n    <li className=\"flex flex-col gap-10 px-16 py-12 transition-colors hover:bg-background-components-hover\">\n      <div className=\"flex items-center justify-between gap-12\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          {isDefault ? (\n            <>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <span className=\"inline-flex size-16 shrink-0 items-center justify-center\">\n                    <Icon\n                      name=\"starLine\"\n                      className=\"size-16 text-foreground-neutral-muted\"\n                      aria-hidden\n                    />\n                  </span>\n                </TooltipTrigger>\n                <TooltipContent>Default harness</TooltipContent>\n              </Tooltip>\n              <span className=\"sr-only\">Default harness</span>\n            </>\n          ) : null}\n          <Text size=\"md\" bold className=\"truncate\">\n            {harness.label}\n          </Text>\n          {!isAvailable ? (\n            <>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <span className=\"inline-flex size-16 shrink-0 items-center justify-center\">\n                    <Icon\n                      name=\"errorWarningLine\"\n                      className=\"size-16 text-foreground-warning-base\"\n                      aria-hidden\n                    />\n                  </span>\n                </TooltipTrigger>\n                <TooltipContent>{unavailableCopy}</TooltipContent>\n              </Tooltip>\n              <span className=\"sr-only\">{unavailableCopy}</span>\n            </>\n          ) : null}\n        </div>\n        {!isDefault ? (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <IconButton\n                size=\"sm\"\n                variant=\"transparent\"\n                icon=\"more2Line\"\n                disabled={isSettingDefault}\n                aria-label={`Open ${harness.label} harness actions`}\n              />\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuItem\n                icon=\"starLine\"\n                disabled={isSettingDefault || !isAvailable}\n                onSelect={() => {\n                  onSetDefault(harness);\n                }}\n              >\n                Set as default\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        ) : null}\n      </div>\n      {defaultError ? (\n        <Callout role=\"alert\" type=\"error\">\n          <Text size=\"sm\">{defaultError}</Text>\n        </Callout>\n      ) : null}\n    </li>\n  );\n}\n\nfunction harnessUnavailableCopy(isDefault: boolean): string {\n  const base = 'Configure a compatible model provider to use this harness.';\n  if (!isDefault) return base;\n  return `${base} The stored default harness cannot currently run in this workspace.`;\n}\n\nfunction HarnessRowsSkeleton() {\n  return (\n    <ul\n      role=\"status\"\n      aria-label=\"Loading harnesses\"\n      className={cn('divide-y divide-border-neutral-base', SURFACE_CLASS)}\n    >\n      {[0, 1].map((row) => (\n        <li key={row} className=\"flex items-center gap-12 px-16 py-12\">\n          <Skeleton className=\"size-16 shrink-0\" />\n          <Skeleton className=\"h-16 w-120\" />\n          <Skeleton className=\"ml-auto size-28 shrink-0\" />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["DEFAULT_HARNESS","listHarnessDescriptors","QueryLoadError","IconButton","Callout","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","Icon","Skeleton","toast","Tooltip","TooltipContent","TooltipTrigger","Header","Text","cn","useRef","useState","useModelProviderConfigsQuery","useSetDefaultHarnessMutation","modelProviderConfigErrorToFormError","isHarnessAvailable","SURFACE_CLASS","WorkspaceHarnessesSection","workspaceId","configsQuery","setDefaultHarness","activeWorkspaceIdRef","defaultRequestSeqRef","activeDefaultRequestRef","pendingDefaultHarness","setPendingDefaultHarness","defaultError","setDefaultError","configs","data","defaultHarnessId","default_harness_id","current","isActiveDefaultRequest","request","activeRequest","id","handleSetDefault","harness","harnessId","undefined","mutateAsync","body","harness_id","success","label","error","mapped","message","section","className","aria-label","div","variant","size","isPending","HarnessRowsSkeleton","isError","query","subject","ul","map","HarnessRow","isDefault","isAvailable","isSettingDefault","onSetDefault","unavailableCopy","harnessUnavailableCopy","li","asChild","span","name","aria-hidden","bold","icon","disabled","align","onSelect","role","type","base","row"],"mappings":"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"}

package/dist/components/harnesses-section.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+type Scenario = 'default-pi' | 'default-claude' | 'claude-unavailable' | 'default-claude-unavailable' | 'loading' | 'error';
+interface HarnessesStoryProps {
+    scenario: Scenario;
+}
+declare function HarnessesStory({ scenario }: HarnessesStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof HarnessesStory;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        scenario: "default-pi";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const DefaultClaude: Story;
+export declare const ClaudeUnavailable: Story;
+export declare const DefaultClaudeUnavailable: Story;
+export declare const Loading: Story;
+export declare const ErrorState: Story;
+//# sourceMappingURL=harnesses-section.stories.d.ts.map

package/dist/components/harnesses-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"harnesses-section.stories.d.ts","sourceRoot":"","sources":["../../src/components/harnesses-section.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAOrD,KAAK,QAAQ,GACT,YAAY,GACZ,gBAAgB,GAChB,oBAAoB,GACpB,4BAA4B,GAC5B,SAAS,GACT,OAAO,CAAC;AAEZ,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,iBAAS,cAAc,CAAC,EAAC,QAAQ,EAAC,EAAE,mBAAmB,+BAmBtD;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAEtC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}