@crewlethq/ui 0.61.0 → 0.63.0

package/dist/chunk-OD3Z6QKN.js

@@ -0,0 +1,237 @@
+import { Select } from './chunk-XQZ6EWOE.js';
+import { Combobox } from './chunk-PK2P2QH6.js';
+import { FormField, Textarea, InputAffix } from './chunk-TLIJG4TP.js';
+import './Input-GMOWHZRG.css';
+import './VisuallyHidden-AOEXU5EB.css';
+import './HitArea-QUOS6ZDJ.css';
+import './Combobox-GBCWXWEB.css';
+import './Select-F526HLNR.css';
+import './ValueField-EIBD6RYS.css';
+import { useId, useRef, useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/ValueField/references.ts
+var REFERENCE_NAME_PATTERN = "[A-Za-z_][A-Za-z0-9_]*";
+var WHOLE_REFERENCE = new RegExp(`^\\$\\{${REFERENCE_NAME_PATTERN}\\}$`);
+function isWholeReference(value) {
+  return WHOLE_REFERENCE.test(value.trim());
+}
+function referenceAt(value, caret) {
+  const head = value.slice(0, caret);
+  for (let i = head.length - 1; i >= 0; i--) {
+    const ch = head.charAt(i);
+    if (ch === "$") {
+      const rest = head.slice(i + 1);
+      const name = rest.startsWith("{") ? rest.slice(1) : rest;
+      if (!/^[A-Za-z0-9_]*$/.test(name)) return null;
+      return { start: i, query: name };
+    }
+    if (/\s/.test(ch) || ch === "}") return null;
+  }
+  return null;
+}
+function rankReferences(names, query) {
+  const q = query.toLowerCase();
+  if (q === "") return [...names];
+  const scored = [];
+  names.forEach((name, index) => {
+    const lower = name.toLowerCase();
+    if (lower.startsWith(q)) scored.push({ name, tier: 0, index });
+    else if (lower.includes(q)) scored.push({ name, tier: 1, index });
+    else if (isSubsequence(lower, q)) scored.push({ name, tier: 2, index });
+  });
+  return scored.sort((a, b) => a.tier - b.tier || a.index - b.index).map((s) => s.name);
+}
+function isSubsequence(s, q) {
+  let at = 0;
+  for (const ch of q) {
+    at = s.indexOf(ch, at);
+    if (at < 0) return false;
+    at += 1;
+  }
+  return true;
+}
+function completeReference(value, caret, at, name) {
+  const written = "${" + name + "}";
+  const head = value.slice(0, at.start);
+  const tail = value.slice(caret).replace(/^\}/, "");
+  return { value: head + written + tail, caret: head.length + written.length };
+}
+function urlSchemeOf(value) {
+  const lower = value.toLowerCase();
+  if (lower.startsWith("https://")) return "https://";
+  if (lower.startsWith("http://")) return "http://";
+  return "";
+}
+var DEFAULT_LABELS = {
+  references: "Secrets",
+  choose: "Choose one"
+};
+function ValueField({
+  label,
+  mark,
+  kind = "text",
+  value,
+  onChange,
+  help,
+  error,
+  placeholder,
+  choices,
+  disabled,
+  required,
+  markRequired,
+  autoFocus,
+  references,
+  onReferencesNeeded,
+  isReference = isWholeReference,
+  rows = 3,
+  helperOnFocus,
+  labels,
+  className
+}) {
+  const words = { ...DEFAULT_LABELS, ...labels };
+  const id = useId();
+  const affixId = `${id}-affix`;
+  const picker = kind === "choice" || kind === "handle";
+  const reference = isReference(value);
+  const masked = kind === "secret" && !reference;
+  const tight = kind === "url" || kind === "id" || kind === "email";
+  const own = kind === "url" ? urlSchemeOf(value) : "";
+  const referenceBase = own === "" && value.trimStart().startsWith("$");
+  const affix = kind === "url" && own !== "http://" && !referenceBase ? "https://" : "";
+  const shown = affix ? value.slice(own.length) : value;
+  const box = useRef(null);
+  const [typing, setTyping] = useState(null);
+  const offered = typing && references?.length ? rankReferences(references, typing.query) : [];
+  function reconsider(text, caretAt) {
+    if (affix) return;
+    const caret = masked || caretAt === null ? text.length : caretAt;
+    const next = referenceAt(text, caret);
+    if (next && !typing) onReferencesNeeded?.();
+    setTyping(next);
+  }
+  function reconsiderFrom(input) {
+    reconsider(input.value, masked ? null : input.selectionStart);
+  }
+  function choose(name) {
+    const input = box.current;
+    if (!input || !typing) return;
+    const caret = masked ? input.value.length : input.selectionStart ?? input.value.length;
+    const next = completeReference(input.value, caret, typing, name);
+    setTyping(null);
+    onChange(next.value);
+    queueMicrotask(() => {
+      input.setSelectionRange(next.caret, next.caret);
+      input.focus();
+    });
+  }
+  function changed(raw) {
+    const typed = tight ? raw.replace(/\s+/g, "") : raw;
+    let next = typed;
+    if (affix) {
+      const carried = urlSchemeOf(typed);
+      const escapes = carried === "http://" || own === "" && typed.trimStart().startsWith("$");
+      next = escapes ? typed : affix + typed.slice(carried.length);
+    }
+    onChange(next);
+    return next;
+  }
+  const options = picker ? choiceOptions(choices, value) : [];
+  const chosen = picker ? choices?.find((choice) => choice.value === value) : void 0;
+  const helper = chosen?.hint && help ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    help,
+    " ",
+    chosen.hint
+  ] }) : chosen?.hint ?? help;
+  return /* @__PURE__ */ jsx(
+    FormField,
+    {
+      htmlFor: id,
+      className,
+      label: mark ? /* @__PURE__ */ jsxs("span", { className: "crewlet-value-field__label", children: [
+        mark,
+        label
+      ] }) : label,
+      optional: required === false,
+      requiredNews: required === true && markRequired === true,
+      helper,
+      helperOnFocus,
+      error,
+      describedBy: affix ? affixId : void 0,
+      children: (field) => picker ? /* @__PURE__ */ jsx(
+        Select,
+        {
+          id: field.id,
+          value,
+          onChange: (next) => onChange(String(next)),
+          options,
+          placeholder: words.choose,
+          disabled: disabled === true,
+          autoFocus,
+          error: field.invalid,
+          required: required === true,
+          "aria-describedby": field.describedBy
+        }
+      ) : kind === "multiline" ? /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: field.id,
+          rows,
+          value,
+          placeholder,
+          disabled,
+          autoComplete: "off",
+          spellCheck: true,
+          autoFocus,
+          "aria-describedby": field.describedBy,
+          "aria-required": required === true || void 0,
+          error: field.invalid,
+          onChange: (event) => onChange(event.target.value)
+        }
+      ) : /* @__PURE__ */ jsx(
+        Combobox,
+        {
+          id: field.id,
+          ref: box,
+          appearance: reference ? "reference" : "default",
+          type: masked ? "password" : "text",
+          inputMode: kind === "email" ? "email" : kind === "url" ? "url" : void 0,
+          value: shown,
+          placeholder,
+          disabled,
+          autoFocus,
+          error: field.invalid,
+          "aria-describedby": field.describedBy,
+          "aria-required": required === true || void 0,
+          leading: affix ? /* @__PURE__ */ jsx(InputAffix, { text: affix, id: affixId }) : void 0,
+          label: words.references,
+          mono: true,
+          tabCommits: true,
+          options: offered.map((name) => ({ value: name })),
+          onCommit: (option) => choose(option.value),
+          open: offered.length > 0,
+          onOpenChange: (open) => {
+            if (!open) setTyping(null);
+          },
+          onValueChange: (raw) => {
+            const next = changed(raw);
+            reconsider(next, box.current?.selectionStart ?? null);
+          },
+          onKeyUp: (event) => reconsiderFrom(event.currentTarget),
+          onClick: (event) => reconsiderFrom(event.currentTarget),
+          onBlur: () => setTyping(null)
+        }
+      )
+    }
+  );
+}
+function choiceOptions(choices, value) {
+  const all = choices ?? [];
+  const rows = all.map((choice) => ({ value: choice.value, label: choice.label, description: choice.hint }));
+  if (value !== "" && !all.some((choice) => choice.value === value)) {
+    return [{ value, label: value }, ...rows];
+  }
+  return rows;
+}
+
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf };

package/dist/{chunk-OM6CPZB7.js → chunk-OIMWGV2N.js}

@@ -1,6 +1,6 @@
 import { Table } from './chunk-5DJMFRSZ.js';
+import { DownloadButton } from './chunk-NSCYGUDG.js';
 import { StatusCard } from './chunk-WW4E5EUS.js';
-import { DownloadButton } from './chunk-LG6TUGET.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-5PMFRAGL.js → chunk-OU4FLGOZ.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-NRMXUNLR.js';
+import { HueSwatch } from './chunk-QCVAVAF6.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { Checkbox } from './chunk-KIPAFCVS.js';
 import { Kbd } from './chunk-ACRRRPWT.js';

package/dist/{chunk-5MN2HISF.js → chunk-PHQPQZUX.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-DM7X24B7.js').then(
+  loading ??= import('./Editor-GHHWWXXL.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-VC2M2E7N.js → chunk-PK2P2QH6.js}

@@ -160,6 +160,7 @@ var Combobox = forwardRef(function Combobox2({
       ] })
     ] });
   }
+  const announcesRole = rest.type !== "password" || lists;
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-combobox", containerClassName), ref: listbox.anchorRef, children: [
     /* @__PURE__ */ jsx(
       Input,
@@ -169,9 +170,9 @@ var Combobox = forwardRef(function Combobox2({
         id: fieldId,
         className,
         value,
-        role: "combobox",
-        "aria-autocomplete": "list",
-        "aria-expanded": lists,
+        role: announcesRole ? "combobox" : void 0,
+        "aria-autocomplete": announcesRole ? "list" : void 0,
+        "aria-expanded": announcesRole ? lists : void 0,
         "aria-controls": lists ? listbox.listId : void 0,
         "aria-activedescendant": lists && offered.length > 0 ? listbox.optionId(listbox.active) : void 0,
         autoComplete: "off",

package/dist/{chunk-NRMXUNLR.js → chunk-QCVAVAF6.js}

@@ -1,5 +1,5 @@
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { SegmentedControl } from './chunk-3BQWARG2.js';
+import { SegmentedControl } from './chunk-F7VBYCW2.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-LND6XSXN.js → chunk-S2VMOITT.js}

@@ -1,6 +1,6 @@
 import { Modal } from './chunk-KVWZDCTQ.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-3BQWARG2.js';
+import { SegmentedControl } from './chunk-F7VBYCW2.js';
 import { FormField, Input } from './chunk-TLIJG4TP.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { useState } from 'react';

package/dist/{chunk-VRPDQSXZ.js → chunk-SELUJSTZ.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-3BQWARG2.js';
-import { tabId } from './chunk-VN3DCUED.js';
+import { SegmentedControl } from './chunk-F7VBYCW2.js';
+import { tabId } from './chunk-27JCHL64.js';
 import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';

package/dist/{chunk-3633T7EJ.js → chunk-WSV3MBOE.js}

@@ -1,4 +1,4 @@
-import { ContrastLevelTag } from './chunk-WDRYUMN6.js';
+import { ContrastLevelTag } from './chunk-BSAQE7PO.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/generated/index.d.ts

@@ -20,6 +20,7 @@ export * from '../ArtifactMakeRow/index.js';
 export * from '../ArtifactNameCell/index.js';
 export * from '../ArtifactPanel/index.js';
 export * from '../AsideLayout/index.js';
+export * from '../AttachmentChip/index.js';
 export * from '../AuthLayout/index.js';
 export * from '../Avatar/index.js';
 export * from '../AvatarPicker/index.js';
@@ -67,6 +68,7 @@ export * from '../DataTable/index.js';
 export * from '../DataView/index.js';
 export * from '../DatasetSource/index.js';
 export * from '../DateTimePicker/index.js';
+export * from '../DeepWorkCard/index.js';
 export * from '../DescriptionList/index.js';
 export * from '../DiffList/index.js';
 export * from '../DiffView/index.js';
@@ -85,6 +87,7 @@ export * from '../ErrorBoundary/index.js';
 export * from '../Eyebrow/index.js';
 export * from '../FactList/index.js';
 export * from '../FileDrop/index.js';
+export * from '../FileList/index.js';
 export * from '../FilterChip/index.js';
 export * from '../FindingList/index.js';
 export * from '../FolderTile/index.js';
@@ -219,6 +222,7 @@ export * from '../Tree/index.js';
 export * from '../TreeCanvas/index.js';
 export * from '../TreeGrid/index.js';
 export * from '../TypeSpecimen/index.js';
+export * from '../ValueField/index.js';
 export * from '../VersionCompare/index.js';
 export * from '../VersionTimeline/index.js';
 export * from '../VisuallyHidden/index.js';