formanitor 0.2.3 → 0.2.5

package/dist/{AddProcedureWidget-HK7UNRXH.cjs → AddProcedureWidget-QHV5CQKX.cjs}

@@ -274,5 +274,5 @@ var AddProcedureWidget = ({ fieldId }) => {
 };
 
 exports.AddProcedureWidget = AddProcedureWidget;
-//# sourceMappingURL=AddProcedureWidget-HK7UNRXH.cjs.map
-//# sourceMappingURL=AddProcedureWidget-HK7UNRXH.cjs.map
+//# sourceMappingURL=AddProcedureWidget-QHV5CQKX.cjs.map
+//# sourceMappingURL=AddProcedureWidget-QHV5CQKX.cjs.map

package/dist/AddProcedureWidget-QHV5CQKX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/AddProcedureField.tsx","../src/ui/widgets/AddProcedureWidget.tsx"],"names":["useState","useRef","useEffect","jsxs","cn","jsx","X","AddEntityDialog","Input","Check","useField","useFieldHandlers","useFrequentItems"],"mappings":"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","file":"AddProcedureWidget-QHV5CQKX.cjs","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Input } from '../shadcn/input';\nimport { AddEntityDialog } from './AddEntityDialog';\nimport type { ProcedureFrequentItem } from '../../core/types';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n// Matches search API response.results[] shape\n\nexport type ProcedureSearchResult = {\n  id: string;\n  name: string;\n  code?: string;\n  description?: string;\n  specialization?: string;\n  /** Catalog diagnostic service (service_type=SERVICES) merged into procedures search/save. */\n  service_type?: string;\n  /** Present on service items when reopening a saved prescription. */\n  type?: string;\n  score?: number;\n};\n\n/** Master row from search / frequent resolution — full metadata. */\nexport type MasterProcedure = ProcedureSearchResult & {\n  label: string;\n  is_custom: false;\n  fromAI: boolean;\n};\n\n/** Custom free-text row — only `name` and `is_custom` (no extra keys). */\nexport type CustomProcedure = {\n  name: string;\n  is_custom: true;\n};\n\nexport type Procedure = MasterProcedure | CustomProcedure;\n\nexport type AddProcedureFieldProps = {\n  label?: string;\n  value: Procedure[];\n  onChange: (items: Procedure[]) => void;\n  onSearch: (query: string) => Promise<ProcedureSearchResult[]>;\n  recentlyUsed?: ProcedureSearchResult[];\n  /** Doctor-scoped frequently used procedures (from FormProvider frequentItems) */\n  frequentItems?: ProcedureFrequentItem[];\n};\n\nconst ADD_FEEDBACK_MS = 320;\n\n// ─── Internal helpers ─────────────────────────────────────────────────────────\n\nfunction mapToProcedure(result: ProcedureSearchResult): MasterProcedure {\n  return {\n    ...result,\n    label: result.name,\n    is_custom: false,\n    fromAI: false,\n  };\n}\n\nfunction createCustomProcedure(trimmedName: string): CustomProcedure {\n  return { name: trimmedName.trim(), is_custom: true };\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const AddProcedureField: React.FC<AddProcedureFieldProps> = ({\n  label = 'Procedures',\n  value,\n  onChange,\n  onSearch,\n  recentlyUsed = [],\n  frequentItems = [],\n}) => {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<ProcedureSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [addingId, setAddingId] = useState<string | null>(null);\n  const [addingFrequentId, setAddingFrequentId] = useState<string | null>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const valueRef = useRef<Procedure[]>([]);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const safeValue: Procedure[] = Array.isArray(value) ? value : [];\n\n  valueRef.current = safeValue;\n  const addedIds = new Set(\n    safeValue.filter((proc): proc is MasterProcedure => !proc.is_custom).map((proc) => proc.id),\n  );\n\n  useEffect(() => {\n    if (!open) {\n      setQuery('');\n      setResults([]);\n      setAddingId(null);\n      setAddingFrequentId(null);\n    }\n  }, [open]);\n\n  function handleQueryChange(q: string) {\n    setQuery(q);\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    if (!q.trim()) {\n      setResults([]);\n      return;\n    }\n    debounceRef.current = setTimeout(async () => {\n      setLoading(true);\n      try {\n        const res = await onSearch(q);\n        setResults(res);\n      } finally {\n        setLoading(false);\n      }\n    }, 500);\n  }\n\n  function addProcedure(result: ProcedureSearchResult) {\n    if (!addedIds.has(result.id)) {\n      onChange([...valueRef.current, mapToProcedure(result)]);\n    }\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleResultClick(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) return;\n    setAddingId(result.id);\n    setTimeout(() => {\n      addProcedure(result);\n      setAddingId(null);\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }, ADD_FEEDBACK_MS);\n  }\n\n  function removeAt(index: number) {\n    onChange(safeValue.filter((_, i) => i !== index));\n  }\n\n  function removeBySearchId(id: string) {\n    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));\n  }\n\n  function handleAddCustom() {\n    const trimmed = query.trim();\n    if (!trimmed) return;\n    if (valueRef.current.some((p) => p.is_custom && p.name === trimmed)) return;\n    onChange([...valueRef.current, createCustomProcedure(trimmed)]);\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleRecentlyUsedToggle(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) {\n      removeBySearchId(result.id);\n    } else {\n      addProcedure(result);\n    }\n  }\n\n  async function handleFrequentItemToggle(item: ProcedureFrequentItem) {\n    const id = String(item.id);\n    const addedById = addedIds.has(id);\n    const addedByName = safeValue.some((proc) => proc.name === item.name);\n    if (addedById || addedByName) {\n      if (addedById) removeBySearchId(id);\n      else onChange(safeValue.filter((proc) => proc.name !== item.name));\n      return;\n    }\n    setAddingFrequentId(id);\n    try {\n      const searchResults = await onSearch(item.name);\n      const first = searchResults?.[0];\n      if (first && !valueRef.current.some((proc) => !proc.is_custom && proc.id === first.id)) {\n        onChange([...valueRef.current, mapToProcedure(first)]);\n      }\n    } finally {\n      setAddingFrequentId(null);\n    }\n  }\n\n  const recentlyUsedChips = recentlyUsed.map((r) => {\n    const isAdded = addedIds.has(r.id);\n    return (\n      <button\n        key={r.id}\n        type=\"button\"\n        onClick={() => handleRecentlyUsedToggle(r)}\n        className={cn(\n          'rounded-full border text-xs px-3 py-1 transition-colors',\n          isAdded\n            ? 'border-green-300 bg-green-50 text-green-700'\n            : 'border-border bg-white hover:bg-gray-50'\n        )}\n      >\n        {isAdded && <span className=\"mr-1\">✓</span>}\n        {r.name}\n      </button>\n    );\n  });\n\n  const limitedFrequentItems = frequentItems.slice(0, 25);\n\n  const frequentItemChips =\n    limitedFrequentItems.length > 0\n      ? limitedFrequentItems.map((item) => {\n          const id = String(item.id);\n          const isAdded =\n            safeValue.some((proc) => !proc.is_custom && proc.id === id) ||\n            safeValue.some((proc) => proc.name === item.name);\n          const isAdding = addingFrequentId === id;\n          return (\n            <button\n              key={item.id}\n              type=\"button\"\n              disabled={isAdding}\n              onClick={() => handleFrequentItemToggle(item)}\n              className={cn(\n                'rounded-full border text-xs px-3 py-1 transition-colors',\n                isAdded\n                  ? 'border-green-300 bg-green-50 text-green-700'\n                  : 'border-border bg-white hover:bg-gray-50',\n                isAdding && 'opacity-70 pointer-events-none'\n              )}\n            >\n              {isAdded && <span className=\"mr-1\">✓</span>}\n              {isAdding ? '…' : item.name}\n            </button>\n          );\n        })\n      : [];\n\n  return (\n    <div className=\"rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit\">\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm font-semibold\">{label}</span>\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className=\"text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer\"\n        >\n          ADD\n        </button>\n      </div>\n\n      {/* Added procedures — one row each */}\n      {safeValue.length > 0 && (\n        <div className=\"divide-y divide-border rounded-lg border border-border overflow-hidden\">\n          {safeValue.map((proc, index) => (\n            <div\n              key={proc.is_custom ? `custom-${index}` : proc.id}\n              className=\"flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50\"\n            >\n              <span className=\"text-sm\">{proc.name}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeAt(index)}\n                className=\"text-muted-foreground hover:text-red-500 transition-colors cursor-pointer\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Dialog */}\n      <AddEntityDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Add Procedure\"\n        recentlyUsedSlot={\n          frequentItemChips.length > 0\n            ? frequentItemChips\n            : recentlyUsedChips.length > 0\n              ? recentlyUsedChips\n              : undefined\n        }\n        chipSectionLabel={frequentItemChips.length > 0 ? 'Frequently used' : undefined}\n        actionSlot={\n          <button\n            type=\"button\"\n            disabled={\n              !query.trim() ||\n              valueRef.current.some((p) => p.is_custom && p.name === query.trim())\n            }\n            onClick={handleAddCustom}\n            className={cn(\n              'rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer',\n              (!query.trim() ||\n                valueRef.current.some((p) => p.is_custom && p.name === query.trim())) &&\n                'opacity-40 cursor-not-allowed'\n            )}\n          >\n            Save Procedure\n          </button>\n        }\n      >\n        <div className=\"space-y-2\">\n          <Input\n            ref={searchInputRef}\n            value={query}\n            onChange={(e) => handleQueryChange(e.target.value)}\n            placeholder=\"Search for a procedure...\"\n            className=\"border border-border rounded-md focus-visible:ring-0\"\n          />\n\n          {/* Inline results — no absolute positioning to avoid overflow-clip */}\n          {loading && (\n            <p className=\"text-xs text-muted-foreground py-1\">Searching…</p>\n          )}\n          {!loading && results.length > 0 && (\n            <div className=\"border border-border rounded-md overflow-hidden\">\n              {results.map((r) => {\n                const isAdding = addingId === r.id;\n                return (\n                  <button\n                    key={r.id}\n                    type=\"button\"\n                    onClick={() => handleResultClick(r)}\n                    className={cn(\n                      'w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2',\n                      isAdding\n                        ? 'bg-green-50 border-green-200'\n                        : 'hover:bg-gray-50'\n                    )}\n                  >\n                    <span className=\"truncate\">{r.name}</span>\n                    {isAdding && <Check className=\"h-4 w-4 shrink-0 text-green-600\" />}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </AddEntityDialog>\n    </div>\n  );\n};\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers, useFrequentItems } from '../../react/FormProvider';\nimport { AddProcedureField } from './AddProcedureField';\nimport type { Procedure, ProcedureSearchResult } from './AddProcedureField';\n\nexport const AddProcedureWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value, setValue } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const { procedures: frequentProcedures } = useFrequentItems();\n\n  const safeValue: Procedure[] = Array.isArray(value) ? (value as Procedure[]) : [];\n\n  return (\n    <AddProcedureField\n      value={safeValue}\n      onChange={setValue}\n      onSearch={handlers.onSearch as (query: string) => Promise<ProcedureSearchResult[]>}\n      recentlyUsed={handlers.recentlyUsed as ProcedureSearchResult[] | undefined}\n      frequentItems={frequentProcedures}\n    />\n  );\n};\n"]}

package/dist/{AddProcedureWidget-F74WGSFX.mjs → AddProcedureWidget-VJZ6NO4Q.mjs}

@@ -272,5 +272,5 @@ var AddProcedureWidget = ({ fieldId }) => {
 };
 
 export { AddProcedureWidget };
-//# sourceMappingURL=AddProcedureWidget-F74WGSFX.mjs.map
-//# sourceMappingURL=AddProcedureWidget-F74WGSFX.mjs.map
+//# sourceMappingURL=AddProcedureWidget-VJZ6NO4Q.mjs.map
+//# sourceMappingURL=AddProcedureWidget-VJZ6NO4Q.mjs.map

package/dist/AddProcedureWidget-VJZ6NO4Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/AddProcedureField.tsx","../src/ui/widgets/AddProcedureWidget.tsx"],"names":["jsx"],"mappings":"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","file":"AddProcedureWidget-VJZ6NO4Q.mjs","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Input } from '../shadcn/input';\nimport { AddEntityDialog } from './AddEntityDialog';\nimport type { ProcedureFrequentItem } from '../../core/types';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n// Matches search API response.results[] shape\n\nexport type ProcedureSearchResult = {\n  id: string;\n  name: string;\n  code?: string;\n  description?: string;\n  specialization?: string;\n  /** Catalog diagnostic service (service_type=SERVICES) merged into procedures search/save. */\n  service_type?: string;\n  /** Present on service items when reopening a saved prescription. */\n  type?: string;\n  score?: number;\n};\n\n/** Master row from search / frequent resolution — full metadata. */\nexport type MasterProcedure = ProcedureSearchResult & {\n  label: string;\n  is_custom: false;\n  fromAI: boolean;\n};\n\n/** Custom free-text row — only `name` and `is_custom` (no extra keys). */\nexport type CustomProcedure = {\n  name: string;\n  is_custom: true;\n};\n\nexport type Procedure = MasterProcedure | CustomProcedure;\n\nexport type AddProcedureFieldProps = {\n  label?: string;\n  value: Procedure[];\n  onChange: (items: Procedure[]) => void;\n  onSearch: (query: string) => Promise<ProcedureSearchResult[]>;\n  recentlyUsed?: ProcedureSearchResult[];\n  /** Doctor-scoped frequently used procedures (from FormProvider frequentItems) */\n  frequentItems?: ProcedureFrequentItem[];\n};\n\nconst ADD_FEEDBACK_MS = 320;\n\n// ─── Internal helpers ─────────────────────────────────────────────────────────\n\nfunction mapToProcedure(result: ProcedureSearchResult): MasterProcedure {\n  return {\n    ...result,\n    label: result.name,\n    is_custom: false,\n    fromAI: false,\n  };\n}\n\nfunction createCustomProcedure(trimmedName: string): CustomProcedure {\n  return { name: trimmedName.trim(), is_custom: true };\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const AddProcedureField: React.FC<AddProcedureFieldProps> = ({\n  label = 'Procedures',\n  value,\n  onChange,\n  onSearch,\n  recentlyUsed = [],\n  frequentItems = [],\n}) => {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<ProcedureSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [addingId, setAddingId] = useState<string | null>(null);\n  const [addingFrequentId, setAddingFrequentId] = useState<string | null>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const valueRef = useRef<Procedure[]>([]);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const safeValue: Procedure[] = Array.isArray(value) ? value : [];\n\n  valueRef.current = safeValue;\n  const addedIds = new Set(\n    safeValue.filter((proc): proc is MasterProcedure => !proc.is_custom).map((proc) => proc.id),\n  );\n\n  useEffect(() => {\n    if (!open) {\n      setQuery('');\n      setResults([]);\n      setAddingId(null);\n      setAddingFrequentId(null);\n    }\n  }, [open]);\n\n  function handleQueryChange(q: string) {\n    setQuery(q);\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    if (!q.trim()) {\n      setResults([]);\n      return;\n    }\n    debounceRef.current = setTimeout(async () => {\n      setLoading(true);\n      try {\n        const res = await onSearch(q);\n        setResults(res);\n      } finally {\n        setLoading(false);\n      }\n    }, 500);\n  }\n\n  function addProcedure(result: ProcedureSearchResult) {\n    if (!addedIds.has(result.id)) {\n      onChange([...valueRef.current, mapToProcedure(result)]);\n    }\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleResultClick(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) return;\n    setAddingId(result.id);\n    setTimeout(() => {\n      addProcedure(result);\n      setAddingId(null);\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }, ADD_FEEDBACK_MS);\n  }\n\n  function removeAt(index: number) {\n    onChange(safeValue.filter((_, i) => i !== index));\n  }\n\n  function removeBySearchId(id: string) {\n    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));\n  }\n\n  function handleAddCustom() {\n    const trimmed = query.trim();\n    if (!trimmed) return;\n    if (valueRef.current.some((p) => p.is_custom && p.name === trimmed)) return;\n    onChange([...valueRef.current, createCustomProcedure(trimmed)]);\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleRecentlyUsedToggle(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) {\n      removeBySearchId(result.id);\n    } else {\n      addProcedure(result);\n    }\n  }\n\n  async function handleFrequentItemToggle(item: ProcedureFrequentItem) {\n    const id = String(item.id);\n    const addedById = addedIds.has(id);\n    const addedByName = safeValue.some((proc) => proc.name === item.name);\n    if (addedById || addedByName) {\n      if (addedById) removeBySearchId(id);\n      else onChange(safeValue.filter((proc) => proc.name !== item.name));\n      return;\n    }\n    setAddingFrequentId(id);\n    try {\n      const searchResults = await onSearch(item.name);\n      const first = searchResults?.[0];\n      if (first && !valueRef.current.some((proc) => !proc.is_custom && proc.id === first.id)) {\n        onChange([...valueRef.current, mapToProcedure(first)]);\n      }\n    } finally {\n      setAddingFrequentId(null);\n    }\n  }\n\n  const recentlyUsedChips = recentlyUsed.map((r) => {\n    const isAdded = addedIds.has(r.id);\n    return (\n      <button\n        key={r.id}\n        type=\"button\"\n        onClick={() => handleRecentlyUsedToggle(r)}\n        className={cn(\n          'rounded-full border text-xs px-3 py-1 transition-colors',\n          isAdded\n            ? 'border-green-300 bg-green-50 text-green-700'\n            : 'border-border bg-white hover:bg-gray-50'\n        )}\n      >\n        {isAdded && <span className=\"mr-1\">✓</span>}\n        {r.name}\n      </button>\n    );\n  });\n\n  const limitedFrequentItems = frequentItems.slice(0, 25);\n\n  const frequentItemChips =\n    limitedFrequentItems.length > 0\n      ? limitedFrequentItems.map((item) => {\n          const id = String(item.id);\n          const isAdded =\n            safeValue.some((proc) => !proc.is_custom && proc.id === id) ||\n            safeValue.some((proc) => proc.name === item.name);\n          const isAdding = addingFrequentId === id;\n          return (\n            <button\n              key={item.id}\n              type=\"button\"\n              disabled={isAdding}\n              onClick={() => handleFrequentItemToggle(item)}\n              className={cn(\n                'rounded-full border text-xs px-3 py-1 transition-colors',\n                isAdded\n                  ? 'border-green-300 bg-green-50 text-green-700'\n                  : 'border-border bg-white hover:bg-gray-50',\n                isAdding && 'opacity-70 pointer-events-none'\n              )}\n            >\n              {isAdded && <span className=\"mr-1\">✓</span>}\n              {isAdding ? '…' : item.name}\n            </button>\n          );\n        })\n      : [];\n\n  return (\n    <div className=\"rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit\">\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm font-semibold\">{label}</span>\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className=\"text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer\"\n        >\n          ADD\n        </button>\n      </div>\n\n      {/* Added procedures — one row each */}\n      {safeValue.length > 0 && (\n        <div className=\"divide-y divide-border rounded-lg border border-border overflow-hidden\">\n          {safeValue.map((proc, index) => (\n            <div\n              key={proc.is_custom ? `custom-${index}` : proc.id}\n              className=\"flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50\"\n            >\n              <span className=\"text-sm\">{proc.name}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeAt(index)}\n                className=\"text-muted-foreground hover:text-red-500 transition-colors cursor-pointer\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Dialog */}\n      <AddEntityDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Add Procedure\"\n        recentlyUsedSlot={\n          frequentItemChips.length > 0\n            ? frequentItemChips\n            : recentlyUsedChips.length > 0\n              ? recentlyUsedChips\n              : undefined\n        }\n        chipSectionLabel={frequentItemChips.length > 0 ? 'Frequently used' : undefined}\n        actionSlot={\n          <button\n            type=\"button\"\n            disabled={\n              !query.trim() ||\n              valueRef.current.some((p) => p.is_custom && p.name === query.trim())\n            }\n            onClick={handleAddCustom}\n            className={cn(\n              'rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer',\n              (!query.trim() ||\n                valueRef.current.some((p) => p.is_custom && p.name === query.trim())) &&\n                'opacity-40 cursor-not-allowed'\n            )}\n          >\n            Save Procedure\n          </button>\n        }\n      >\n        <div className=\"space-y-2\">\n          <Input\n            ref={searchInputRef}\n            value={query}\n            onChange={(e) => handleQueryChange(e.target.value)}\n            placeholder=\"Search for a procedure...\"\n            className=\"border border-border rounded-md focus-visible:ring-0\"\n          />\n\n          {/* Inline results — no absolute positioning to avoid overflow-clip */}\n          {loading && (\n            <p className=\"text-xs text-muted-foreground py-1\">Searching…</p>\n          )}\n          {!loading && results.length > 0 && (\n            <div className=\"border border-border rounded-md overflow-hidden\">\n              {results.map((r) => {\n                const isAdding = addingId === r.id;\n                return (\n                  <button\n                    key={r.id}\n                    type=\"button\"\n                    onClick={() => handleResultClick(r)}\n                    className={cn(\n                      'w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2',\n                      isAdding\n                        ? 'bg-green-50 border-green-200'\n                        : 'hover:bg-gray-50'\n                    )}\n                  >\n                    <span className=\"truncate\">{r.name}</span>\n                    {isAdding && <Check className=\"h-4 w-4 shrink-0 text-green-600\" />}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </AddEntityDialog>\n    </div>\n  );\n};\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers, useFrequentItems } from '../../react/FormProvider';\nimport { AddProcedureField } from './AddProcedureField';\nimport type { Procedure, ProcedureSearchResult } from './AddProcedureField';\n\nexport const AddProcedureWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value, setValue } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const { procedures: frequentProcedures } = useFrequentItems();\n\n  const safeValue: Procedure[] = Array.isArray(value) ? (value as Procedure[]) : [];\n\n  return (\n    <AddProcedureField\n      value={safeValue}\n      onChange={setValue}\n      onSearch={handlers.onSearch as (query: string) => Promise<ProcedureSearchResult[]>}\n      recentlyUsed={handlers.recentlyUsed as ProcedureSearchResult[] | undefined}\n      frequentItems={frequentProcedures}\n    />\n  );\n};\n"]}

package/dist/BpeChartWidget-HATASHAC.mjs

@@ -0,0 +1,7 @@
+export { BPE_SCORES, BpeChartReadOnly, BpeChartWidget, SEXTANTS } from './chunk-MQHZ7HD2.mjs';
+import './chunk-WYVXXEZI.mjs';
+import './chunk-2BGJZ44Q.mjs';
+import './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=BpeChartWidget-HATASHAC.mjs.map
+//# sourceMappingURL=BpeChartWidget-HATASHAC.mjs.map

package/dist/BpeChartWidget-HATASHAC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"BpeChartWidget-HATASHAC.mjs"}

package/dist/BpeChartWidget-VZRH7M7L.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkBBD3Y37O_cjs = require('./chunk-BBD3Y37O.cjs');
+require('./chunk-5E3APMY6.cjs');
+require('./chunk-TB33A4PD.cjs');
+require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "BPE_SCORES", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BPE_SCORES; }
+});
+Object.defineProperty(exports, "BpeChartReadOnly", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BpeChartReadOnly; }
+});
+Object.defineProperty(exports, "BpeChartWidget", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BpeChartWidget; }
+});
+Object.defineProperty(exports, "SEXTANTS", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.SEXTANTS; }
+});
+//# sourceMappingURL=BpeChartWidget-VZRH7M7L.cjs.map
+//# sourceMappingURL=BpeChartWidget-VZRH7M7L.cjs.map

package/dist/BpeChartWidget-VZRH7M7L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"BpeChartWidget-VZRH7M7L.cjs"}

package/dist/{DateTimeWidget-3AUBZYYK.mjs → DateTimeWidget-KRX4O6OD.mjs}

@@ -1,8 +1,9 @@
 import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
 import { useForm } from './chunk-T3UHPMFX.mjs';
-import { DateTimePicker } from './chunk-4PMNVBJD.mjs';
+import { DateTimePicker } from './chunk-2OMQV2ZB.mjs';
 import './chunk-VNFBUAZD.mjs';
-import './chunk-BMNY7F6H.mjs';
+import './chunk-JM7WNDNT.mjs';
+import './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -55,5 +56,5 @@ var DateTimeWidget = ({ fieldId }) => {
 };
 
 export { DateTimeWidget };
-//# sourceMappingURL=DateTimeWidget-3AUBZYYK.mjs.map
-//# sourceMappingURL=DateTimeWidget-3AUBZYYK.mjs.map
+//# sourceMappingURL=DateTimeWidget-KRX4O6OD.mjs.map
+//# sourceMappingURL=DateTimeWidget-KRX4O6OD.mjs.map

package/dist/DateTimeWidget-KRX4O6OD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DateTimeWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAcO,IAAM,cAAA,GAAgD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,WAAA,GAAc,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAC9C,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAA2B;AAC/C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS,MAAS,CAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,aAAa,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,wBACE,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjB,GAAA,CAAC,0BAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,QACzB,SAAA,EAAW,WAAW,gCAAA,GAAmC,MAAA;AAAA,QAEzD,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,WAAA;AAAA,YACV,WAAA,EAAa,YAAA;AAAA,YACb,aAAa,QAAA,CAAS,WAAA;AAAA,YACtB,SAAA,EAAW,iBAAA;AAAA,cACT,QAAA;AAAA,cACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA;AACF;AAAA,KACF;AAAA,IACC,SAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateTimeWidget-KRX4O6OD.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DateTimePicker } from '../shadcn/datetime-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateTimeWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const currentDate = value ? new Date(value) : undefined;\n  const showLabel = isLabelVisible(fieldDef);\n\n  const handleChange = (date: Date | undefined) => {\n    if (!date) {\n      setValue(undefined);\n      return;\n    }\n    setValue(date.toISOString());\n  };\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div\n        onBlur={() => setTouched()}\n        className={disabled ? 'opacity-60 pointer-events-none' : undefined}\n      >\n        <DateTimePicker\n          dateTime={currentDate}\n          setDateTime={handleChange}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateTimeWidget-OS7ER5F6.cjs → DateTimeWidget-RJ7SATVA.cjs}

@@ -2,9 +2,10 @@
 
 var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
 var chunk7DISRJAB_cjs = require('./chunk-7DISRJAB.cjs');
-var chunkYEFM2ERQ_cjs = require('./chunk-YEFM2ERQ.cjs');
+var chunk7OQFO6TM_cjs = require('./chunk-7OQFO6TM.cjs');
 require('./chunk-TJHG5WHX.cjs');
-require('./chunk-AZSAPO2V.cjs');
+require('./chunk-HXY3IX3G.cjs');
+require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -39,7 +40,7 @@ var DateTimeWidget = ({ fieldId }) => {
         onBlur: () => setTouched(),
         className: disabled ? "opacity-60 pointer-events-none" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYEFM2ERQ_cjs.DateTimePicker,
+          chunk7OQFO6TM_cjs.DateTimePicker,
           {
             dateTime: currentDate,
             setDateTime: handleChange,
@@ -57,5 +58,5 @@ var DateTimeWidget = ({ fieldId }) => {
 };
 
 exports.DateTimeWidget = DateTimeWidget;
-//# sourceMappingURL=DateTimeWidget-OS7ER5F6.cjs.map
-//# sourceMappingURL=DateTimeWidget-OS7ER5F6.cjs.map
+//# sourceMappingURL=DateTimeWidget-RJ7SATVA.cjs.map
+//# sourceMappingURL=DateTimeWidget-RJ7SATVA.cjs.map

package/dist/DateTimeWidget-RJ7SATVA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DateTimeWidget.tsx"],"names":["useField","useForm","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","jsx","FieldRequiredIndicator","DateTimePicker","fieldControlClass","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;;AAcO,IAAM,cAAA,GAAgD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAIA,0BAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,WAAA,GAAc,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAC9C,EAAA,MAAM,SAAA,GAAYC,iCAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAA2B;AAC/C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS,MAAS,CAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,aAAa,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mCACEC,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,cAAA,CAACC,4CAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,QACzB,SAAA,EAAW,WAAW,gCAAA,GAAmC,MAAA;AAAA,QAEzD,QAAA,kBAAAA,cAAA;AAAA,UAACE,gCAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,WAAA;AAAA,YACV,WAAA,EAAa,YAAA;AAAA,YACb,aAAa,QAAA,CAAS,WAAA;AAAA,YACtB,SAAA,EAAWC,mCAAA;AAAA,cACT,QAAA;AAAA,cACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA;AACF;AAAA,KACF;AAAA,IACC,SAAA,mCACE,GAAA,EAAA,EAAE,SAAA,EAAWC,kCAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateTimeWidget-RJ7SATVA.cjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DateTimePicker } from '../shadcn/datetime-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateTimeWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const currentDate = value ? new Date(value) : undefined;\n  const showLabel = isLabelVisible(fieldDef);\n\n  const handleChange = (date: Date | undefined) => {\n    if (!date) {\n      setValue(undefined);\n      return;\n    }\n    setValue(date.toISOString());\n  };\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div\n        onBlur={() => setTouched()}\n        className={disabled ? 'opacity-60 pointer-events-none' : undefined}\n      >\n        <DateTimePicker\n          dateTime={currentDate}\n          setDateTime={handleChange}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateWidget-KCTE6N5G.mjs → DateWidget-JEKDKPNS.mjs}

@@ -1,6 +1,7 @@
 import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
 import { useForm } from './chunk-T3UHPMFX.mjs';
-import { Popover, PopoverTrigger, PopoverContent, Calendar as Calendar$1 } from './chunk-BMNY7F6H.mjs';
+import { Calendar as Calendar$1 } from './chunk-JM7WNDNT.mjs';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import { Button } from './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -68,5 +69,5 @@ var DateWidget = ({ fieldId }) => {
 };
 
 export { DateWidget };
-//# sourceMappingURL=DateWidget-KCTE6N5G.mjs.map
-//# sourceMappingURL=DateWidget-KCTE6N5G.mjs.map
+//# sourceMappingURL=DateWidget-JEKDKPNS.mjs.map
+//# sourceMappingURL=DateWidget-JEKDKPNS.mjs.map

package/dist/DateWidget-JEKDKPNS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["CalendarIcon","Calendar","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAACA,QAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAO,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAI,GAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAA,GAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCA,KAAC,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,GAAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJA,GAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,GAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAW,iBAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,eAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-JEKDKPNS.mjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateWidget-UNLX544Z.cjs → DateWidget-T7IQUWEA.cjs}

@@ -2,7 +2,8 @@
 
 var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
 var chunk7DISRJAB_cjs = require('./chunk-7DISRJAB.cjs');
-var chunkAZSAPO2V_cjs = require('./chunk-AZSAPO2V.cjs');
+var chunkHXY3IX3G_cjs = require('./chunk-HXY3IX3G.cjs');
+var chunkRILRMRXB_cjs = require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -14,8 +15,8 @@ var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function DatePicker({ date, setDate, className, placeholder = "Pick a date" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAZSAPO2V_cjs.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkRILRMRXB_cjs.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRILRMRXB_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       chunkO3VQBPEW_cjs.Button,
       {
         variant: "outline",
@@ -30,8 +31,8 @@ function DatePicker({ date, setDate, className, placeholder = "Pick a date" }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkAZSAPO2V_cjs.Calendar,
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRILRMRXB_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHXY3IX3G_cjs.Calendar,
       {
         mode: "single",
         selected: date,
@@ -70,5 +71,5 @@ var DateWidget = ({ fieldId }) => {
 };
 
 exports.DateWidget = DateWidget;
-//# sourceMappingURL=DateWidget-UNLX544Z.cjs.map
-//# sourceMappingURL=DateWidget-UNLX544Z.cjs.map
+//# sourceMappingURL=DateWidget-T7IQUWEA.cjs.map
+//# sourceMappingURL=DateWidget-T7IQUWEA.cjs.map

package/dist/DateWidget-T7IQUWEA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["Popover","jsx","PopoverTrigger","jsxs","Button","cn","CalendarIcon","format","PopoverContent","Calendar","useField","useForm","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","FieldRequiredIndicator","fieldControlClass","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAC,eAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAWC,oBAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACK,oBAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAOC,cAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAIN,cAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACAA,cAAA,CAACO,gCAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAAP,cAAA;AAAA,MAACQ,0BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAIC,0BAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAYC,iCAAe,QAAQ,CAAA;AAEzC,EAAA,uBACET,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAWU,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCV,gBAACW,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBd,cAAAA,CAACe,wCAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJf,cAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,cAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAWgB,mCAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACChB,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAWiB,iCAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-T7IQUWEA.cjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/DentalChartWidget-LYLOFWZU.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkX4AJCTON_cjs = require('./chunk-X4AJCTON.cjs');
+require('./chunk-PHADAQSH.cjs');
+require('./chunk-RILRMRXB.cjs');
+require('./chunk-O3VQBPEW.cjs');
+require('./chunk-TB33A4PD.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "DentalChartReadOnly", {
+  enumerable: true,
+  get: function () { return chunkX4AJCTON_cjs.DentalChartReadOnly; }
+});
+Object.defineProperty(exports, "DentalChartWidget", {
+  enumerable: true,
+  get: function () { return chunkX4AJCTON_cjs.DentalChartWidget; }
+});
+//# sourceMappingURL=DentalChartWidget-LYLOFWZU.cjs.map
+//# sourceMappingURL=DentalChartWidget-LYLOFWZU.cjs.map

package/dist/DentalChartWidget-LYLOFWZU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"DentalChartWidget-LYLOFWZU.cjs"}

package/dist/DentalChartWidget-P2YPKAMO.mjs

@@ -0,0 +1,8 @@
+export { DentalChartReadOnly, DentalChartWidget } from './chunk-UKSP3B3W.mjs';
+import './chunk-4BAKQIPJ.mjs';
+import './chunk-ZZX3IG2T.mjs';
+import './chunk-GXXWMHAA.mjs';
+import './chunk-2BGJZ44Q.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=DentalChartWidget-P2YPKAMO.mjs.map
+//# sourceMappingURL=DentalChartWidget-P2YPKAMO.mjs.map

package/dist/DentalChartWidget-P2YPKAMO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"DentalChartWidget-P2YPKAMO.mjs"}

package/dist/{EditableTable-VQ72UEFF.cjs → EditableTable-OW5LC6OC.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
 var chunkKMJOTMUQ_cjs = require('./chunk-KMJOTMUQ.cjs');
-var chunkYEFM2ERQ_cjs = require('./chunk-YEFM2ERQ.cjs');
+var chunk7OQFO6TM_cjs = require('./chunk-7OQFO6TM.cjs');
 var chunkTJHG5WHX_cjs = require('./chunk-TJHG5WHX.cjs');
-require('./chunk-AZSAPO2V.cjs');
+require('./chunk-HXY3IX3G.cjs');
+require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -227,7 +228,7 @@ var EditableTableWidget = ({
       ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
       canAddColumn && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 items-center flex-wrap", children: newColumnNameInputType === "datetime" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYEFM2ERQ_cjs.DateTimePicker,
+          chunk7OQFO6TM_cjs.DateTimePicker,
           {
             dateTime: newColumnDate,
             setDateTime: setNewColumnDate,
@@ -277,5 +278,5 @@ var EditableTableWidget = ({
 };
 
 exports.EditableTableWidget = EditableTableWidget;
-//# sourceMappingURL=EditableTable-VQ72UEFF.cjs.map
-//# sourceMappingURL=EditableTable-VQ72UEFF.cjs.map
+//# sourceMappingURL=EditableTable-OW5LC6OC.cjs.map
+//# sourceMappingURL=EditableTable-OW5LC6OC.cjs.map

package/dist/EditableTable-OW5LC6OC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/EditableTable.tsx"],"names":["useField","useMemo","def","useRef","useEffect","useState","format","jsxs","jsx","Button","Trash2","Input","useReactTable","getCoreRowModel","Label","Table","TableHeader","TableRow","TableHead","flexRender","TableBody","TableCell","Plus","Fragment","DateTimePicker"],"mappings":"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","file":"EditableTable-OW5LC6OC.cjs","sourcesContent":["import React, { useMemo, useState, useRef, useEffect } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  flexRender,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { format } from \"date-fns\";\nimport { useField } from \"../../react/useField\";\nimport { Button } from \"../shadcn/button\";\nimport { Input } from \"../shadcn/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../shadcn/table\";\nimport { Label } from \"../shadcn/label\";\nimport { DateTimePicker } from \"../shadcn/datetime-picker\";\nimport { Trash2, Plus } from \"lucide-react\";\nimport type { EditableTableFieldDef } from \"../../core/types\";\n\n// Define the shape of our table data (matches EditableTableColumnDef + runtime)\ninterface TableColumn {\n  id: string;\n  label: string;\n  allowDelete?: boolean;\n}\n\ninterface TableData {\n  columns: TableColumn[];\n  rows: Record<string, string>[];\n}\n\ninterface EditableTableWidgetProps {\n  fieldId: string;\n}\n\n/**\n * Editable Table widget. Schema (editable_table field):\n *\n * {\n *   id: string,\n *   type: \"editable_table\",\n *   label: string,\n *   allowAddRow?: boolean,        // default true\n *   allowAddColumn?: boolean,     // default true\n *   allowDeleteRow?: boolean,     // default true\n *   allowDeleteColumn?: boolean,  // default true\n *   addRowLabel?: string,        // default \"Add Row\"\n *   addColumnLabel?: string,     // default \"Add Column\"\n *   newColumnNameHint?: string,  // placeholder for new column input; default \"New Column Name\"\n *   newColumnNameInputType?: \"text\" | \"datetime\",  // default \"text\"; \"datetime\" uses a date-time picker for column name\n *   minRows?: number,            // minimum rows to keep; row delete hidden when rows.length <= minRows; default 0\n *   columns?: Array<{\n *     id: string,\n *     label: string,\n *     allowDelete?: boolean      // if false, delete button for this column is hidden; default true\n *   }>\n * }\n */\nexport const EditableTableWidget: React.FC<EditableTableWidgetProps> = ({\n  fieldId,\n}) => {\n  const { fieldDef, value, setValue, disabled } = useField(fieldId);\n  const def = fieldDef as EditableTableFieldDef;\n  const canAddRow = def?.allowAddRow ?? true;\n  const canAddColumn = def?.allowAddColumn ?? true;\n  const canDeleteRow = def?.allowDeleteRow ?? true;\n  const canDeleteColumn = def?.allowDeleteColumn ?? true;\n\n  const minRows = def?.minRows ?? 0;\n  const addRowLabel = def?.addRowLabel ?? \"Add Row\";\n  const addColumnLabel = def?.addColumnLabel ?? \"Add Column\";\n  const newColumnNameHint = def?.newColumnNameHint ?? \"New Column Name\";\n  const newColumnNameInputType = def?.newColumnNameInputType ?? \"text\";\n\n  // Initialize data if null/undefined\n  const tableData: TableData = useMemo(() => {\n    if (value && typeof value === \"object\" && \"columns\" in value && \"rows\" in value) {\n      return value as TableData;\n    }\n    const def = fieldDef as EditableTableFieldDef;\n    const cols = (def?.columns || []).map((c) => ({\n      id: c.id,\n      label: c.label,\n      allowDelete: c.allowDelete !== false,\n    }));\n    return {\n      columns: cols,\n      rows: [],\n    };\n  }, [value, fieldDef]);\n\n  // Keep a ref to tableData so we can access the latest version in callbacks\n  // without forcing re-creation of columns (which causes focus loss).\n  const dataRef = useRef(tableData);\n  useEffect(() => {\n    dataRef.current = tableData;\n  }, [tableData]);\n\n  const [newColumnName, setNewColumnName] = useState(\"\");\n  const [newColumnDate, setNewColumnDate] = useState<Date | undefined>(undefined);\n\n  const updateData = (newData: TableData) => {\n    setValue(newData);\n  };\n\n  const addRow = () => {\n    const currentData = dataRef.current;\n    const newRow: Record<string, string> = {};\n    currentData.columns.forEach((col) => {\n      newRow[col.id] = \"\";\n    });\n    updateData({\n      ...currentData,\n      rows: [...currentData.rows, newRow],\n    });\n  };\n\n  const addColumnFromText = () => {\n    if (!newColumnName.trim()) return;\n    const currentData = dataRef.current;\n    const colId = newColumnName.toLowerCase().replace(/\\s+/g, \"_\") + \"_\" + Date.now();\n    const newCol: TableColumn = { id: colId, label: newColumnName.trim(), allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnName(\"\");\n  };\n\n  const addColumnFromDate = (date: Date | undefined) => {\n    if (!date) return;\n    const currentData = dataRef.current;\n    const label = format(date, \"PPP HH:mm\");\n    const colId = \"col_\" + date.getTime();\n    const newCol: TableColumn = { id: colId, label, allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnDate(undefined);\n  };\n\n  const hasValidNewColumn =\n    newColumnNameInputType === \"datetime\"\n      ? !!newColumnDate\n      : !!newColumnName.trim();\n  const addColumn = () => {\n    if (newColumnNameInputType === \"datetime\") {\n      addColumnFromDate(newColumnDate);\n    } else {\n      addColumnFromText();\n    }\n  };\n\n  // We use refs inside these callbacks to ensure they are stable and don't depend on changing data\n  const removeRow = (index: number) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows.splice(index, 1);\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  const removeColumn = (colId: string) => {\n    const currentData = dataRef.current;\n    const newCols = currentData.columns.filter((c) => c.id !== colId);\n    const newRows = currentData.rows.map((row) => {\n      const newRow = { ...row };\n      delete newRow[colId];\n      return newRow;\n    });\n    updateData({ columns: newCols, rows: newRows });\n  };\n\n  const updateCell = (rowIndex: number, colId: string, val: string) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows[rowIndex] = { ...newRows[rowIndex], [colId]: val };\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  // Generate columns for tanstack table\n  // CRITICAL: This useMemo MUST NOT depend on tableData.rows, or focus will be lost on every type.\n  // It only depends on tableData.columns (structure) and disabled state.\n  const columns = useMemo<ColumnDef<Record<string, string>>[]>(() => {\n    const currentCols = tableData.columns; // We only care about columns structure here\n    \n    const dataCols = currentCols.map((col) => {\n      const showColumnDelete =\n        !disabled &&\n        canDeleteColumn &&\n        (col.allowDelete !== false);\n      return {\n      accessorKey: col.id,\n      header: () => (\n        <div className=\"flex items-center justify-between space-x-2\">\n          <span>{col.label}</span>\n          {showColumnDelete && (\n             <Button\n               variant=\"ghost\"\n               size=\"sm\"\n               className=\"h-6 w-6 p-0 text-muted-foreground hover:text-destructive\"\n               onClick={(e) => {\n                 e.stopPropagation();\n                 removeColumn(col.id);\n               }}\n               title=\"Remove Column\"\n             >\n               <Trash2 className=\"h-3 w-3\" />\n             </Button>\n          )}\n        </div>\n      ),\n      cell: (info: any) => {\n        // We use a local component or direct render, but the key is that 'columns' array doesn't change identity.\n        // The cell will re-render because 'info.getValue()' changes, but the Input node stays mounted.\n        return (\n            <Input\n              value={info.getValue() as string || \"\"}\n              onChange={(e) => updateCell(info.row.index, col.id, e.target.value)}\n              disabled={disabled}\n              className=\"h-8 border bg-transparent\"\n            />\n        );\n      },\n    };\n    });\n\n    const showRowDelete = !disabled && canDeleteRow && tableData.rows.length > minRows;\n    // Add delete row column\n    if (showRowDelete) {\n      dataCols.push({\n        id: \"actions\",\n        header: \"\",\n        cell: (info: any) => (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0 text-destructive hover:bg-destructive/10\"\n            onClick={(e) => {\n              e.stopPropagation();\n              removeRow(info.row.index);\n            }}\n            title=\"Remove Row\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        ),\n      } as any);\n    }\n\n    return dataCols;\n  }, [tableData.columns, tableData.rows.length, disabled, canDeleteRow, canDeleteColumn, minRows]); // columns structure + row count for delete visibility\n\n  const table = useReactTable({\n    data: tableData.rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className=\"space-y-4 border rounded-md p-4\">\n      <div className=\"flex flex-col space-y-2\">\n        <Label>{fieldDef.label}</Label>\n        {fieldDef.description && (\n          <p className=\"text-sm text-muted-foreground\">{fieldDef.description}</p>\n        )}\n      </div>\n\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"p-1\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No data. Add rows or columns to start.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {!disabled && (\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-between pt-2\">\n          {canAddRow ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={addRow}\n            >\n              <Plus className=\"mr-2 h-4 w-4\" /> {addRowLabel}\n            </Button>\n          ) : (\n            <div />\n          )}\n\n          {canAddColumn && (\n            <div className=\"flex gap-2 items-center flex-wrap\">\n              {newColumnNameInputType === \"datetime\" ? (\n                <>\n                  <DateTimePicker\n                    dateTime={newColumnDate}\n                    setDateTime={setNewColumnDate}\n                    placeholder={newColumnNameHint}\n                    className=\"w-[280px]\"\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  <Input\n                    placeholder={newColumnNameHint}\n                    value={newColumnName}\n                    onChange={(e) => setNewColumnName(e.target.value)}\n                    className=\"w-48\"\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        addColumn();\n                      }\n                    }}\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/{EditableTable-XFCPKSUY.mjs → EditableTable-VZ66IXYI.mjs}

@@ -1,7 +1,8 @@
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-UULLSS4O.mjs';
-import { DateTimePicker } from './chunk-4PMNVBJD.mjs';
+import { DateTimePicker } from './chunk-2OMQV2ZB.mjs';
 import { Input } from './chunk-VNFBUAZD.mjs';
-import './chunk-BMNY7F6H.mjs';
+import './chunk-JM7WNDNT.mjs';
+import './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import { Button } from './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -275,5 +276,5 @@ var EditableTableWidget = ({
 };
 
 export { EditableTableWidget };
-//# sourceMappingURL=EditableTable-XFCPKSUY.mjs.map
-//# sourceMappingURL=EditableTable-XFCPKSUY.mjs.map
+//# sourceMappingURL=EditableTable-VZ66IXYI.mjs.map
+//# sourceMappingURL=EditableTable-VZ66IXYI.mjs.map

package/dist/EditableTable-VZ66IXYI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/EditableTable.tsx"],"names":["def"],"mappings":"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","file":"EditableTable-VZ66IXYI.mjs","sourcesContent":["import React, { useMemo, useState, useRef, useEffect } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  flexRender,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { format } from \"date-fns\";\nimport { useField } from \"../../react/useField\";\nimport { Button } from \"../shadcn/button\";\nimport { Input } from \"../shadcn/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../shadcn/table\";\nimport { Label } from \"../shadcn/label\";\nimport { DateTimePicker } from \"../shadcn/datetime-picker\";\nimport { Trash2, Plus } from \"lucide-react\";\nimport type { EditableTableFieldDef } from \"../../core/types\";\n\n// Define the shape of our table data (matches EditableTableColumnDef + runtime)\ninterface TableColumn {\n  id: string;\n  label: string;\n  allowDelete?: boolean;\n}\n\ninterface TableData {\n  columns: TableColumn[];\n  rows: Record<string, string>[];\n}\n\ninterface EditableTableWidgetProps {\n  fieldId: string;\n}\n\n/**\n * Editable Table widget. Schema (editable_table field):\n *\n * {\n *   id: string,\n *   type: \"editable_table\",\n *   label: string,\n *   allowAddRow?: boolean,        // default true\n *   allowAddColumn?: boolean,     // default true\n *   allowDeleteRow?: boolean,     // default true\n *   allowDeleteColumn?: boolean,  // default true\n *   addRowLabel?: string,        // default \"Add Row\"\n *   addColumnLabel?: string,     // default \"Add Column\"\n *   newColumnNameHint?: string,  // placeholder for new column input; default \"New Column Name\"\n *   newColumnNameInputType?: \"text\" | \"datetime\",  // default \"text\"; \"datetime\" uses a date-time picker for column name\n *   minRows?: number,            // minimum rows to keep; row delete hidden when rows.length <= minRows; default 0\n *   columns?: Array<{\n *     id: string,\n *     label: string,\n *     allowDelete?: boolean      // if false, delete button for this column is hidden; default true\n *   }>\n * }\n */\nexport const EditableTableWidget: React.FC<EditableTableWidgetProps> = ({\n  fieldId,\n}) => {\n  const { fieldDef, value, setValue, disabled } = useField(fieldId);\n  const def = fieldDef as EditableTableFieldDef;\n  const canAddRow = def?.allowAddRow ?? true;\n  const canAddColumn = def?.allowAddColumn ?? true;\n  const canDeleteRow = def?.allowDeleteRow ?? true;\n  const canDeleteColumn = def?.allowDeleteColumn ?? true;\n\n  const minRows = def?.minRows ?? 0;\n  const addRowLabel = def?.addRowLabel ?? \"Add Row\";\n  const addColumnLabel = def?.addColumnLabel ?? \"Add Column\";\n  const newColumnNameHint = def?.newColumnNameHint ?? \"New Column Name\";\n  const newColumnNameInputType = def?.newColumnNameInputType ?? \"text\";\n\n  // Initialize data if null/undefined\n  const tableData: TableData = useMemo(() => {\n    if (value && typeof value === \"object\" && \"columns\" in value && \"rows\" in value) {\n      return value as TableData;\n    }\n    const def = fieldDef as EditableTableFieldDef;\n    const cols = (def?.columns || []).map((c) => ({\n      id: c.id,\n      label: c.label,\n      allowDelete: c.allowDelete !== false,\n    }));\n    return {\n      columns: cols,\n      rows: [],\n    };\n  }, [value, fieldDef]);\n\n  // Keep a ref to tableData so we can access the latest version in callbacks\n  // without forcing re-creation of columns (which causes focus loss).\n  const dataRef = useRef(tableData);\n  useEffect(() => {\n    dataRef.current = tableData;\n  }, [tableData]);\n\n  const [newColumnName, setNewColumnName] = useState(\"\");\n  const [newColumnDate, setNewColumnDate] = useState<Date | undefined>(undefined);\n\n  const updateData = (newData: TableData) => {\n    setValue(newData);\n  };\n\n  const addRow = () => {\n    const currentData = dataRef.current;\n    const newRow: Record<string, string> = {};\n    currentData.columns.forEach((col) => {\n      newRow[col.id] = \"\";\n    });\n    updateData({\n      ...currentData,\n      rows: [...currentData.rows, newRow],\n    });\n  };\n\n  const addColumnFromText = () => {\n    if (!newColumnName.trim()) return;\n    const currentData = dataRef.current;\n    const colId = newColumnName.toLowerCase().replace(/\\s+/g, \"_\") + \"_\" + Date.now();\n    const newCol: TableColumn = { id: colId, label: newColumnName.trim(), allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnName(\"\");\n  };\n\n  const addColumnFromDate = (date: Date | undefined) => {\n    if (!date) return;\n    const currentData = dataRef.current;\n    const label = format(date, \"PPP HH:mm\");\n    const colId = \"col_\" + date.getTime();\n    const newCol: TableColumn = { id: colId, label, allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnDate(undefined);\n  };\n\n  const hasValidNewColumn =\n    newColumnNameInputType === \"datetime\"\n      ? !!newColumnDate\n      : !!newColumnName.trim();\n  const addColumn = () => {\n    if (newColumnNameInputType === \"datetime\") {\n      addColumnFromDate(newColumnDate);\n    } else {\n      addColumnFromText();\n    }\n  };\n\n  // We use refs inside these callbacks to ensure they are stable and don't depend on changing data\n  const removeRow = (index: number) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows.splice(index, 1);\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  const removeColumn = (colId: string) => {\n    const currentData = dataRef.current;\n    const newCols = currentData.columns.filter((c) => c.id !== colId);\n    const newRows = currentData.rows.map((row) => {\n      const newRow = { ...row };\n      delete newRow[colId];\n      return newRow;\n    });\n    updateData({ columns: newCols, rows: newRows });\n  };\n\n  const updateCell = (rowIndex: number, colId: string, val: string) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows[rowIndex] = { ...newRows[rowIndex], [colId]: val };\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  // Generate columns for tanstack table\n  // CRITICAL: This useMemo MUST NOT depend on tableData.rows, or focus will be lost on every type.\n  // It only depends on tableData.columns (structure) and disabled state.\n  const columns = useMemo<ColumnDef<Record<string, string>>[]>(() => {\n    const currentCols = tableData.columns; // We only care about columns structure here\n    \n    const dataCols = currentCols.map((col) => {\n      const showColumnDelete =\n        !disabled &&\n        canDeleteColumn &&\n        (col.allowDelete !== false);\n      return {\n      accessorKey: col.id,\n      header: () => (\n        <div className=\"flex items-center justify-between space-x-2\">\n          <span>{col.label}</span>\n          {showColumnDelete && (\n             <Button\n               variant=\"ghost\"\n               size=\"sm\"\n               className=\"h-6 w-6 p-0 text-muted-foreground hover:text-destructive\"\n               onClick={(e) => {\n                 e.stopPropagation();\n                 removeColumn(col.id);\n               }}\n               title=\"Remove Column\"\n             >\n               <Trash2 className=\"h-3 w-3\" />\n             </Button>\n          )}\n        </div>\n      ),\n      cell: (info: any) => {\n        // We use a local component or direct render, but the key is that 'columns' array doesn't change identity.\n        // The cell will re-render because 'info.getValue()' changes, but the Input node stays mounted.\n        return (\n            <Input\n              value={info.getValue() as string || \"\"}\n              onChange={(e) => updateCell(info.row.index, col.id, e.target.value)}\n              disabled={disabled}\n              className=\"h-8 border bg-transparent\"\n            />\n        );\n      },\n    };\n    });\n\n    const showRowDelete = !disabled && canDeleteRow && tableData.rows.length > minRows;\n    // Add delete row column\n    if (showRowDelete) {\n      dataCols.push({\n        id: \"actions\",\n        header: \"\",\n        cell: (info: any) => (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0 text-destructive hover:bg-destructive/10\"\n            onClick={(e) => {\n              e.stopPropagation();\n              removeRow(info.row.index);\n            }}\n            title=\"Remove Row\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        ),\n      } as any);\n    }\n\n    return dataCols;\n  }, [tableData.columns, tableData.rows.length, disabled, canDeleteRow, canDeleteColumn, minRows]); // columns structure + row count for delete visibility\n\n  const table = useReactTable({\n    data: tableData.rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className=\"space-y-4 border rounded-md p-4\">\n      <div className=\"flex flex-col space-y-2\">\n        <Label>{fieldDef.label}</Label>\n        {fieldDef.description && (\n          <p className=\"text-sm text-muted-foreground\">{fieldDef.description}</p>\n        )}\n      </div>\n\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"p-1\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No data. Add rows or columns to start.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {!disabled && (\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-between pt-2\">\n          {canAddRow ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={addRow}\n            >\n              <Plus className=\"mr-2 h-4 w-4\" /> {addRowLabel}\n            </Button>\n          ) : (\n            <div />\n          )}\n\n          {canAddColumn && (\n            <div className=\"flex gap-2 items-center flex-wrap\">\n              {newColumnNameInputType === \"datetime\" ? (\n                <>\n                  <DateTimePicker\n                    dateTime={newColumnDate}\n                    setDateTime={setNewColumnDate}\n                    placeholder={newColumnNameHint}\n                    className=\"w-[280px]\"\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  <Input\n                    placeholder={newColumnNameHint}\n                    value={newColumnName}\n                    onChange={(e) => setNewColumnName(e.target.value)}\n                    className=\"w-48\"\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        addColumn();\n                      }\n                    }}\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}