@dxos/react-ui-form 0.8.2-main.f081794 → 0.8.2-main.f11618f

package/dist/lib/node/index.cjs

@@ -128,17 +128,23 @@ var import_invariant2 = require("@dxos/invariant");
 var import_react_ui10 = require("@dxos/react-ui");
 var import_react_ui_theme9 = require("@dxos/react-ui-theme");
 var import_schema4 = require("@dxos/schema");
-var import_echo_schema7 = require("@dxos/echo-schema");
 var import_react15 = __toESM(require("react"));
+var import_echo_schema7 = require("@dxos/echo-schema");
+var import_effect8 = require("@dxos/effect");
+var import_keys2 = require("@dxos/keys");
+var import_live_object = require("@dxos/live-object");
+var import_log3 = require("@dxos/log");
 var import_echo_schema8 = require("@dxos/echo-schema");
+var import_react16 = __toESM(require("react"));
+var import_echo_schema9 = require("@dxos/echo-schema");
 var import_invariant3 = require("@dxos/invariant");
 var import_react_ui11 = require("@dxos/react-ui");
 var import_react_ui_list2 = require("@dxos/react-ui-list");
 var import_react_ui_theme10 = require("@dxos/react-ui-theme");
 var import_schema5 = require("@dxos/schema");
-var import_echo_schema9 = require("@dxos/echo-schema");
-var import_format = require("date-fns/format");
 var import_echo_schema10 = require("@dxos/echo-schema");
+var import_format = require("date-fns/format");
+var import_echo_schema11 = require("@dxos/echo-schema");
 var translationKey = "react-ui-form";
 var translations_default = [
   {
@@ -987,10 +993,10 @@ var padding = "px-2";
 var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponent }) => {
   const { t } = (0, import_react_ui10.useTranslation)(translationKey);
   const { ast, name, type, title } = property;
-  const values = useFormValues(path ?? []);
+  const values = useFormValues(path ?? []) ?? [];
   (0, import_invariant2.invariant)(Array.isArray(values), `Values at path ${path?.join(".")} must be an array.`, {
     F: __dxlog_file2,
-    L: 37,
+    L: 39,
     S: void 0,
     A: [
       "Array.isArray(values)",
@@ -1086,11 +1092,105 @@ var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponen
     onClick: handleAdd
   })));
 };
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/Form/RefField.tsx";
+var RefField = ({ ast, type, label, readonly, placeholder, inline, onQueryRefOptions, inputProps }) => {
+  const { getValue: getValue3, onValueChange, ...restInputProps } = inputProps;
+  const refTypeInfo = (0, import_effect8.findAnnotation)(ast, import_echo_schema7.ReferenceAnnotationId);
+  const [refOptions, setRefOptions] = (0, import_react15.useState)([]);
+  const [loading, setLoading] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
+    if (!refTypeInfo || !onQueryRefOptions) {
+      return;
+    }
+    const fetchOptions = async () => {
+      setLoading(true);
+      try {
+        const options = await onQueryRefOptions(refTypeInfo);
+        setRefOptions(options.map((option) => ({
+          label: option.label,
+          value: option.dxn.toString()
+        })));
+      } catch (error) {
+        import_log3.log.error("Failed to fetch ref options:", error, {
+          F: __dxlog_file3,
+          L: 68,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setRefOptions([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    void fetchOptions();
+  }, [
+    refTypeInfo,
+    onQueryRefOptions
+  ]);
+  if (!refTypeInfo) {
+    return null;
+  }
+  if (refTypeInfo.typename === (0, import_echo_schema7.getTypeAnnotation)(import_echo_schema7.Expando)?.typename || !onQueryRefOptions) {
+    const handleOnValueChange = (_type, dxnString) => {
+      const dxn = import_keys2.DXN.tryParse(dxnString);
+      if (dxn) {
+        onValueChange?.("object", (0, import_live_object.refFromDXN)(dxn));
+      } else if (dxnString === "") {
+        onValueChange?.("object", void 0);
+      } else {
+        onValueChange?.("string", dxnString);
+      }
+    };
+    const handleGetValue2 = () => {
+      const formValue = getValue3();
+      if (typeof formValue === "string") {
+        return formValue;
+      }
+      if (formValue instanceof import_live_object.RefImpl) {
+        return formValue.dxn.toString();
+      }
+      return void 0;
+    };
+    return /* @__PURE__ */ import_react15.default.createElement(TextInput, {
+      type,
+      label,
+      disabled: readonly,
+      placeholder,
+      inputOnly: inline,
+      getValue: handleGetValue2,
+      onValueChange: handleOnValueChange,
+      ...restInputProps
+    });
+  }
+  const handleGetValue = () => {
+    const formValue = getValue3();
+    if (formValue instanceof import_live_object.RefImpl) {
+      return formValue.dxn.toString();
+    }
+    return void 0;
+  };
+  const handleValueChanged = (_type, dxnString) => {
+    const dxn = import_keys2.DXN.parse(dxnString);
+    const ref = (0, import_live_object.refFromDXN)(dxn);
+    onValueChange("object", ref);
+  };
+  return /* @__PURE__ */ import_react15.default.createElement(SelectInput, {
+    type,
+    label,
+    disabled: readonly || loading,
+    placeholder: loading ? "Loading options..." : placeholder,
+    inputOnly: inline,
+    getValue: handleGetValue,
+    onValueChange: handleValueChanged,
+    options: refOptions,
+    ...restInputProps
+  });
+};
 var getInputComponent = (type, format) => {
   switch (format) {
-    case import_echo_schema7.FormatEnum.GeoPoint:
+    case import_echo_schema8.FormatEnum.GeoPoint:
       return GeoPointInput;
-    case import_echo_schema7.FormatEnum.Markdown:
+    case import_echo_schema8.FormatEnum.Markdown:
       return MarkdownInput;
   }
   switch (type) {
@@ -1102,7 +1202,7 @@ var getInputComponent = (type, format) => {
       return BooleanInput;
   }
 };
-var FormField = ({ property, path, readonly, inline, lookupComponent, Custom }) => {
+var FormField = ({ property, path, readonly, inline, onQueryRefOptions, lookupComponent, Custom }) => {
   const inputProps = useInputProps(path);
   const { ast, name, type, format, title, description, options, examples, array } = property;
   const label = (0, import_react13.useMemo)(() => title ?? (0, import_effect4.pipe)(name, import_String.capitalize), [
@@ -1183,23 +1283,39 @@ var FormField = ({ property, path, readonly, inline, lookupComponent, Custom })
       ...inputProps
     }));
   }
+  if (format === "ref") {
+    return /* @__PURE__ */ import_react13.default.createElement(RefField, {
+      ast,
+      type,
+      label,
+      readonly,
+      placeholder,
+      inline,
+      onQueryRefOptions,
+      inputProps
+    });
+  }
   if (type === "object") {
     const baseNode = (0, import_effect5.findNode)(ast, import_effect5.isDiscriminatedUnion);
     const typeLiteral = baseNode ? (0, import_effect5.getDiscriminatedType)(baseNode, inputProps.getValue()) : (0, import_effect5.findNode)(ast, import_echo_schema5.AST.isTypeLiteral);
     if (typeLiteral) {
       return /* @__PURE__ */ import_react13.default.createElement("div", {
         role: "none"
-      }, !inline && /* @__PURE__ */ import_react13.default.createElement("div", null, label), /* @__PURE__ */ import_react13.default.createElement(FormFields, {
+      }, !inline && /* @__PURE__ */ import_react13.default.createElement("h3", {
+        className: "text-lg mbs-2 mbe-1"
+      }, label), /* @__PURE__ */ import_react13.default.createElement(FormFields, {
         schema: import_echo_schema5.S.make(typeLiteral),
         path,
         readonly,
-        Custom
+        onQueryRefOptions,
+        Custom,
+        lookupComponent
       }));
     }
   }
   return null;
 };
-var FormFields = ({ schema, path, filter, sort, readonly, lookupComponent, Custom }) => {
+var FormFields = ({ schema, path, filter, sort, readonly, onQueryRefOptions, lookupComponent, Custom }) => {
   const values = useFormValues(path);
   const properties = (0, import_react13.useMemo)(() => {
     const props = (0, import_schema3.getSchemaProperties)(schema.ast, values);
@@ -1223,12 +1339,13 @@ var FormFields = ({ schema, path, filter, sort, readonly, lookupComponent, Custo
         property.name
       ],
       readonly,
+      onQueryRefOptions,
       lookupComponent,
       Custom
     });
   }).filter(import_util3.isNotFalsy));
 };
-var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, readonly, filter, sort, autoSave, testId, onValuesChanged, onValidate, onSave, onCancel, lookupComponent, Custom }) => {
+var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, readonly, filter, sort, autoSave, testId, onValuesChanged, onValidate, onSave, onCancel, onQueryRefOptions, lookupComponent, Custom }) => {
   const formRef = (0, import_react9.useRef)(null);
   const onValid = (0, import_react9.useMemo)(() => autoSave ? onSave : void 0, [
     autoSave,
@@ -1264,6 +1381,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, r
     readonly,
     filter,
     sort,
+    onQueryRefOptions,
     lookupComponent,
     Custom
   }), (onCancel || onSave) && !autoSave && /* @__PURE__ */ import_react9.default.createElement(FormActions, {
@@ -1271,7 +1389,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, r
     readonly
   })));
 };
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
 var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
   const { t } = (0, import_react_ui3.useTranslation)(translationKey);
   const [props, setProps] = (0, import_react3.useState)(projection.getFieldProjection(field.id).props);
@@ -1404,7 +1522,7 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
     import_log.log.warn("invalid format", {
       props
     }, {
-      F: __dxlog_file3,
+      F: __dxlog_file4,
       L: 174,
       S: void 0,
       C: (f, a) => f(...a)
@@ -1428,24 +1546,24 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
     Custom
   });
 };
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx";
 var grid = "grid grid-cols-[32px_1fr_32px] min-bs-[2.5rem]";
-var ViewMetaSchema = import_echo_schema8.S.Struct({
-  name: import_echo_schema8.S.String.annotations({
-    [import_echo_schema8.AST.TitleAnnotationId]: "View"
+var ViewMetaSchema = import_echo_schema9.S.Struct({
+  name: import_echo_schema9.S.String.annotations({
+    [import_echo_schema9.AST.TitleAnnotationId]: "View"
   }),
-  typename: import_echo_schema8.Format.URL.annotations({
-    [import_echo_schema8.AST.TitleAnnotationId]: "Typename"
+  typename: import_echo_schema9.Format.URL.annotations({
+    [import_echo_schema9.AST.TitleAnnotationId]: "Typename"
   })
-}).pipe(import_echo_schema8.S.mutable);
+}).pipe(import_echo_schema9.S.mutable);
 var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading = false, onTypenameChanged, onDelete }) => {
   const { t } = (0, import_react_ui11.useTranslation)(translationKey);
-  const projection = (0, import_react15.useMemo)(() => new import_schema5.ViewProjection(schema.jsonSchema, view), [
+  const projection = (0, import_react16.useMemo)(() => new import_schema5.ViewProjection(schema.jsonSchema, view), [
     schema,
     view
   ]);
-  const [field, setField] = (0, import_react15.useState)();
-  const viewValues = (0, import_react15.useMemo)(() => {
+  const [field, setField] = (0, import_react16.useState)();
+  const viewValues = (0, import_react16.useMemo)(() => {
     return {
       name: view.name,
       // TODO(burdon): Need to warn user of possible consequences of editing.
@@ -1455,12 +1573,12 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
   }, [
     view
   ]);
-  const handleSelect = (0, import_react15.useCallback)((field2) => {
+  const handleSelect = (0, import_react16.useCallback)((field2) => {
     setField((f) => f === field2 ? void 0 : field2);
   }, []);
-  const handleAdd = (0, import_react15.useCallback)(() => {
+  const handleAdd = (0, import_react16.useCallback)(() => {
     (0, import_invariant3.invariant)(!schema.readonly, void 0, {
-      F: __dxlog_file4,
+      F: __dxlog_file5,
       L: 76,
       S: void 0,
       A: [
@@ -1474,9 +1592,9 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
     schema,
     view
   ]);
-  const handleUpdate = (0, import_react15.useCallback)(({ name, typename }) => {
+  const handleUpdate = (0, import_react16.useCallback)(({ name, typename }) => {
     (0, import_invariant3.invariant)(!schema.readonly, void 0, {
-      F: __dxlog_file4,
+      F: __dxlog_file5,
       L: 83,
       S: void 0,
       A: [
@@ -1497,9 +1615,9 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
     view,
     onTypenameChanged
   ]);
-  const handleDelete = (0, import_react15.useCallback)((fieldId) => {
+  const handleDelete = (0, import_react16.useCallback)((fieldId) => {
     (0, import_invariant3.invariant)(!schema.readonly, void 0, {
-      F: __dxlog_file4,
+      F: __dxlog_file5,
       L: 99,
       S: void 0,
       A: [
@@ -1516,9 +1634,9 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
     field,
     onDelete
   ]);
-  const handleMove = (0, import_react15.useCallback)((fromIndex, toIndex) => {
+  const handleMove = (0, import_react16.useCallback)((fromIndex, toIndex) => {
     (0, import_invariant3.invariant)(!schema.readonly, void 0, {
-      F: __dxlog_file4,
+      F: __dxlog_file5,
       L: 111,
       S: void 0,
       A: [
@@ -1536,91 +1654,91 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
     schema,
     view.fields
   ]);
-  const handleClose = (0, import_react15.useCallback)(() => setField(void 0), []);
+  const handleClose = (0, import_react16.useCallback)(() => setField(void 0), []);
   const hiddenProperties = projection.getHiddenProperties();
-  const handleHide = (0, import_react15.useCallback)((fieldId) => {
+  const handleHide = (0, import_react16.useCallback)((fieldId) => {
     setField(void 0);
     projection.hideFieldProjection(fieldId);
   }, [
     projection
   ]);
-  const handleShow = (0, import_react15.useCallback)((property) => {
+  const handleShow = (0, import_react16.useCallback)((property) => {
     setField(void 0);
     projection.showFieldProjection(property);
   }, [
     projection
   ]);
-  return /* @__PURE__ */ import_react15.default.createElement("div", {
+  return /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme10.mx)("flex flex-col w-full divide-y divide-separator", classNames)
-  }, /* @__PURE__ */ import_react15.default.createElement(Form, {
+  }, /* @__PURE__ */ import_react16.default.createElement(Form, {
     autoSave: true,
     schema: ViewMetaSchema,
     values: viewValues,
     onSave: schema.readonly ? void 0 : handleUpdate
-  }), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", {
+  }), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "none",
     className: "p-2"
-  }, /* @__PURE__ */ import_react15.default.createElement("label", {
+  }, /* @__PURE__ */ import_react16.default.createElement("label", {
     className: (0, import_react_ui_theme10.mx)(import_react_ui_theme10.inputTextLabel)
-  }, t("fields label"))), /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.Root, {
+  }, t("fields label"))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.Root, {
     items: view.fields,
-    isItem: import_echo_schema8.S.is(import_schema5.FieldSchema),
+    isItem: import_echo_schema9.S.is(import_schema5.FieldSchema),
     getId: (field2) => field2.id,
     onMove: schema.readonly ? void 0 : handleMove
-  }, ({ items: fields }) => /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, showHeading && /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, ({ items: fields }) => /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, showHeading && /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "heading",
     className: grid
-  }, /* @__PURE__ */ import_react15.default.createElement("div", null), /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, /* @__PURE__ */ import_react16.default.createElement("div", null), /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "flex items-center text-sm"
-  }, t("field path label"))), /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, t("field path label"))), /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "list",
     className: "flex flex-col w-full"
-  }, fields?.map((field2) => /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.Item, {
+  }, fields?.map((field2) => /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.Item, {
     key: field2.id,
     item: field2,
     classNames: (0, import_react_ui_theme10.mx)(grid, import_react_ui_theme10.ghostHover, "cursor-pointer")
-  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemDragHandle, null), /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemTitle, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemDragHandle, null), /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemTitle, {
     onClick: () => handleSelect(field2)
-  }, field2.path), /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, field2.path), /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "flex items-center gap-2 -ml-4"
-  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemButton, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemButton, {
     icon: "ph--eye-slash--regular",
     disabled: view.fields.length <= 1,
     onClick: () => handleHide(field2.id)
-  }), !schema.readonly && /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemDeleteButton, {
+  }), !schema.readonly && /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemDeleteButton, {
     icon: "ph--trash--regular",
     disabled: view.fields.length <= 1,
     onClick: () => handleDelete(field2.id)
-  }))))))), hiddenProperties.length > 0 && /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", {
+  }))))))), hiddenProperties.length > 0 && /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "none",
     className: "p-2"
-  }, /* @__PURE__ */ import_react15.default.createElement("label", {
+  }, /* @__PURE__ */ import_react16.default.createElement("label", {
     className: (0, import_react_ui_theme10.mx)(import_react_ui_theme10.inputTextLabel)
-  }, t("hidden fields label"))), /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.Root, {
+  }, t("hidden fields label"))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.Root, {
     items: hiddenProperties,
     isItem: (item) => typeof item === "string",
     getId: (property) => property
-  }, ({ items: properties }) => /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, ({ items: properties }) => /* @__PURE__ */ import_react16.default.createElement("div", {
     role: "list",
     className: "flex flex-col w-full"
-  }, properties?.map((property) => /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.Item, {
+  }, properties?.map((property) => /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.Item, {
     key: property,
     item: property,
     classNames: (0, import_react_ui_theme10.mx)(grid, import_react_ui_theme10.ghostHover, "cursor-pointer")
-  }, /* @__PURE__ */ import_react15.default.createElement("div", null), /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemTitle, null, property), /* @__PURE__ */ import_react15.default.createElement(import_react_ui_list2.List.ItemButton, {
+  }, /* @__PURE__ */ import_react16.default.createElement("div", null), /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemTitle, null, property), /* @__PURE__ */ import_react16.default.createElement(import_react_ui_list2.List.ItemButton, {
     icon: "ph--eye--regular",
     onClick: () => handleShow(property)
-  }))))))), field && /* @__PURE__ */ import_react15.default.createElement(FieldEditor, {
+  }))))))), field && /* @__PURE__ */ import_react16.default.createElement(FieldEditor, {
     key: field.id,
     view,
     projection,
     field,
     registry,
     onSave: handleClose
-  }), !readonly && !field && /* @__PURE__ */ import_react15.default.createElement("div", {
+  }), !readonly && !field && /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "flex p-2 justify-center"
-  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.IconButton, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.IconButton, {
     icon: "ph--plus--regular",
     label: t("button add property"),
     onClick: schema.readonly ? void 0 : handleAdd,
@@ -1634,7 +1752,7 @@ var parseValue = ({ type, format, value }) => {
   }
   const parseScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema9.TypeEnum.Boolean: {
+      case import_echo_schema10.TypeEnum.Boolean: {
         if (typeof value === "string") {
           const lowercaseValue = value.toLowerCase();
           if (lowercaseValue === "0" || lowercaseValue === "false") {
@@ -1645,13 +1763,13 @@ var parseValue = ({ type, format, value }) => {
         }
         return Boolean(value);
       }
-      case import_echo_schema9.TypeEnum.Number: {
+      case import_echo_schema10.TypeEnum.Number: {
         const cleaned = typeof value === "string" ? value.replace(/[^0-9.-]+/g, "") : value;
         const num = Number(cleaned);
         return Number.isNaN(num) ? null : num;
       }
-      case import_echo_schema9.TypeEnum.String:
-      case import_echo_schema9.TypeEnum.Ref:
+      case import_echo_schema10.TypeEnum.String:
+      case import_echo_schema10.TypeEnum.Ref:
         return String(value);
       default: {
         return value;
@@ -1662,26 +1780,26 @@ var parseValue = ({ type, format, value }) => {
     return parseScalar(type);
   }
   switch (format) {
-    case import_echo_schema9.FormatEnum.Boolean:
-      return parseScalar(import_echo_schema9.TypeEnum.Boolean);
-    case import_echo_schema9.FormatEnum.Number:
-    case import_echo_schema9.FormatEnum.Percent:
-    case import_echo_schema9.FormatEnum.Currency:
-      return parseScalar(import_echo_schema9.TypeEnum.Number);
-    case import_echo_schema9.FormatEnum.String:
-    case import_echo_schema9.FormatEnum.Markdown: {
-      return parseScalar(import_echo_schema9.TypeEnum.String);
+    case import_echo_schema10.FormatEnum.Boolean:
+      return parseScalar(import_echo_schema10.TypeEnum.Boolean);
+    case import_echo_schema10.FormatEnum.Number:
+    case import_echo_schema10.FormatEnum.Percent:
+    case import_echo_schema10.FormatEnum.Currency:
+      return parseScalar(import_echo_schema10.TypeEnum.Number);
+    case import_echo_schema10.FormatEnum.String:
+    case import_echo_schema10.FormatEnum.Markdown: {
+      return parseScalar(import_echo_schema10.TypeEnum.String);
     }
-    case import_echo_schema9.FormatEnum.Ref:
-      throw new Error(`unexpected format: ${import_echo_schema9.FormatEnum.Ref}`);
-    case import_echo_schema9.FormatEnum.DateTime:
-    case import_echo_schema9.FormatEnum.Date:
-    case import_echo_schema9.FormatEnum.Time:
-    case import_echo_schema9.FormatEnum.Timestamp: {
+    case import_echo_schema10.FormatEnum.Ref:
+      throw new Error(`unexpected format: ${import_echo_schema10.FormatEnum.Ref}`);
+    case import_echo_schema10.FormatEnum.DateTime:
+    case import_echo_schema10.FormatEnum.Date:
+    case import_echo_schema10.FormatEnum.Time:
+    case import_echo_schema10.FormatEnum.Timestamp: {
       const date = new Date(value);
       return isNaN(date.getTime()) ? null : date;
     }
-    case import_echo_schema9.FormatEnum.GeoPoint: {
+    case import_echo_schema10.FormatEnum.GeoPoint: {
       if (typeof value === "string") {
         const cleaned = value.replace(/[^0-9.,-]+/g, "");
         const parts = cleaned.split(",");
@@ -1689,7 +1807,7 @@ var parseValue = ({ type, format, value }) => {
           const lat = parseFloat(parts[0]);
           const long = parseFloat(parts[1]);
           if (!isNaN(lat) && !isNaN(long)) {
-            return import_echo_schema9.GeoLocation.toGeoPoint({
+            return import_echo_schema10.GeoLocation.toGeoPoint({
               latitude: lat,
               longitude: long
             });
@@ -1709,19 +1827,19 @@ var parseValue = ({ type, format, value }) => {
 var cellClassesForFieldType = ({ type, format }) => {
   if (!format) {
     switch (type) {
-      case import_echo_schema9.TypeEnum.Number:
+      case import_echo_schema10.TypeEnum.Number:
         return [
           "text-right",
           "font-mono"
         ];
-      case import_echo_schema9.TypeEnum.Boolean:
+      case import_echo_schema10.TypeEnum.Boolean:
         return [
           "text-right",
           "font-mono"
         ];
-      case import_echo_schema9.TypeEnum.String:
+      case import_echo_schema10.TypeEnum.String:
         return void 0;
-      case import_echo_schema9.TypeEnum.Ref:
+      case import_echo_schema10.TypeEnum.Ref:
         return void 0;
       default: {
         return void 0;
@@ -1729,23 +1847,23 @@ var cellClassesForFieldType = ({ type, format }) => {
     }
   }
   switch (format) {
-    case import_echo_schema9.FormatEnum.Markdown:
+    case import_echo_schema10.FormatEnum.Markdown:
       return void 0;
-    case import_echo_schema9.FormatEnum.Time:
-    case import_echo_schema9.FormatEnum.Timestamp:
-    case import_echo_schema9.FormatEnum.DateTime:
-    case import_echo_schema9.FormatEnum.Date:
-    case import_echo_schema9.FormatEnum.Duration:
+    case import_echo_schema10.FormatEnum.Time:
+    case import_echo_schema10.FormatEnum.Timestamp:
+    case import_echo_schema10.FormatEnum.DateTime:
+    case import_echo_schema10.FormatEnum.Date:
+    case import_echo_schema10.FormatEnum.Duration:
       return [
         "font-mono",
         "text-right"
       ];
-    case import_echo_schema9.FormatEnum.Currency:
+    case import_echo_schema10.FormatEnum.Currency:
       return [
         "text-right"
       ];
-    case import_echo_schema9.FormatEnum.JSON:
-    case import_echo_schema9.FormatEnum.DID:
+    case import_echo_schema10.FormatEnum.JSON:
+    case import_echo_schema10.FormatEnum.DID:
       return [
         "font-mono"
       ];
@@ -1760,12 +1878,12 @@ var pathNotUniqueError = (path) => ({
 var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
   const formatScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema10.TypeEnum.Boolean:
+      case import_echo_schema11.TypeEnum.Boolean:
         return value.toLocaleString().toUpperCase();
-      case import_echo_schema10.TypeEnum.Number:
+      case import_echo_schema11.TypeEnum.Number:
         return value.toLocaleString(locale);
-      case import_echo_schema10.TypeEnum.String:
-      case import_echo_schema10.TypeEnum.Ref:
+      case import_echo_schema11.TypeEnum.String:
+      case import_echo_schema11.TypeEnum.Ref:
         return String(value);
       default: {
         return String(value);
@@ -1776,20 +1894,20 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
     return formatScalar(type);
   }
   switch (format) {
-    case import_echo_schema10.FormatEnum.Boolean: {
-      return formatScalar(import_echo_schema10.TypeEnum.Boolean);
+    case import_echo_schema11.FormatEnum.Boolean: {
+      return formatScalar(import_echo_schema11.TypeEnum.Boolean);
     }
-    case import_echo_schema10.FormatEnum.Number: {
-      return formatScalar(import_echo_schema10.TypeEnum.Number);
+    case import_echo_schema11.FormatEnum.Number: {
+      return formatScalar(import_echo_schema11.TypeEnum.Number);
     }
-    case import_echo_schema10.FormatEnum.String:
-    case import_echo_schema10.FormatEnum.Ref: {
-      return formatScalar(import_echo_schema10.TypeEnum.String);
+    case import_echo_schema11.FormatEnum.String:
+    case import_echo_schema11.FormatEnum.Ref: {
+      return formatScalar(import_echo_schema11.TypeEnum.String);
     }
-    case import_echo_schema10.FormatEnum.Percent: {
+    case import_echo_schema11.FormatEnum.Percent: {
       return `${value * 100}%`;
     }
-    case import_echo_schema10.FormatEnum.Currency: {
+    case import_echo_schema11.FormatEnum.Currency: {
       return value.toLocaleString(locale, {
         style: "currency",
         currency: "USD",
@@ -1797,21 +1915,33 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
         maximumFractionDigits: 2
       });
     }
-    case import_echo_schema10.FormatEnum.Date: {
-      return (0, import_format.format)(new Date(value), "yyyy-MM-dd");
+    case import_echo_schema11.FormatEnum.Date: {
+      try {
+        return (0, import_format.format)(new Date(value), "yyyy-MM-dd");
+      } catch (error) {
+        return "Invalid Date";
+      }
     }
-    case import_echo_schema10.FormatEnum.Time: {
-      return (0, import_format.format)(new Date(value), "HH:mm:ss");
+    case import_echo_schema11.FormatEnum.Time: {
+      try {
+        return (0, import_format.format)(new Date(value), "HH:mm:ss");
+      } catch (error) {
+        return "Invalid Time";
+      }
     }
-    case import_echo_schema10.FormatEnum.DateTime: {
-      return (0, import_format.format)(new Date(value), "yyyy-MM-dd HH:mm:ss");
+    case import_echo_schema11.FormatEnum.DateTime: {
+      try {
+        return (0, import_format.format)(new Date(value), "yyyy-MM-dd HH:mm:ss");
+      } catch (error) {
+        return "Invalid DateTime";
+      }
     }
-    case import_echo_schema10.FormatEnum.GeoPoint: {
+    case import_echo_schema11.FormatEnum.GeoPoint: {
       if (value === null || value === void 0) {
         return "";
       }
       if (Array.isArray(value) && value.length >= 2 && value.every(Number.isFinite)) {
-        const { latitude, longitude } = import_echo_schema10.GeoLocation.fromGeoPoint(value);
+        const { latitude, longitude } = import_echo_schema11.GeoLocation.fromGeoPoint(value);
         return `${latitude},${longitude}`;
       }
       return String(value);
@@ -1827,10 +1957,10 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
 var formatForEditing = ({ type, format, value, locale = void 0 }) => {
   const formatScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema10.TypeEnum.Boolean:
-      case import_echo_schema10.TypeEnum.Number:
-      case import_echo_schema10.TypeEnum.String:
-      case import_echo_schema10.TypeEnum.Ref:
+      case import_echo_schema11.TypeEnum.Boolean:
+      case import_echo_schema11.TypeEnum.Number:
+      case import_echo_schema11.TypeEnum.String:
+      case import_echo_schema11.TypeEnum.Ref:
         return String(value);
       default:
         return String(value);
@@ -1840,36 +1970,36 @@ var formatForEditing = ({ type, format, value, locale = void 0 }) => {
     return formatScalar(type);
   }
   switch (format) {
-    case import_echo_schema10.FormatEnum.Boolean:
-    case import_echo_schema10.FormatEnum.Number:
-    case import_echo_schema10.FormatEnum.String:
-    case import_echo_schema10.FormatEnum.Ref: {
+    case import_echo_schema11.FormatEnum.Boolean:
+    case import_echo_schema11.FormatEnum.Number:
+    case import_echo_schema11.FormatEnum.String:
+    case import_echo_schema11.FormatEnum.Ref: {
       return formatScalar(type);
     }
-    case import_echo_schema10.FormatEnum.Percent: {
+    case import_echo_schema11.FormatEnum.Percent: {
       return String(value * 100);
     }
-    case import_echo_schema10.FormatEnum.Currency: {
+    case import_echo_schema11.FormatEnum.Currency: {
       return String(value);
     }
-    case import_echo_schema10.FormatEnum.DateTime: {
+    case import_echo_schema11.FormatEnum.DateTime: {
       const date = new Date(value);
       return date.toISOString();
     }
-    case import_echo_schema10.FormatEnum.Date: {
+    case import_echo_schema11.FormatEnum.Date: {
       const date = new Date(value);
       return date.toISOString().split("T")[0];
     }
-    case import_echo_schema10.FormatEnum.Time: {
+    case import_echo_schema11.FormatEnum.Time: {
       const date = new Date(value);
       return date.toISOString().split("T")[1].split(".")[0];
     }
-    case import_echo_schema10.FormatEnum.GeoPoint: {
+    case import_echo_schema11.FormatEnum.GeoPoint: {
       if (value === null || value === void 0) {
         return "";
       }
       if (Array.isArray(value) && value.length >= 2 && value.every(Number.isFinite)) {
-        const { latitude, longitude } = import_echo_schema10.GeoLocation.fromGeoPoint(value);
+        const { latitude, longitude } = import_echo_schema11.GeoLocation.fromGeoPoint(value);
         return `${latitude},${longitude}`;
       }
       return String(value);