@ai-matrx/records-ui 0.102.16 → 0.102.19

package/dist/index.d.cts

@@ -7131,29 +7131,6 @@ type EntityRow = Record<string, unknown> & {
     id: string;
 };
 
-/**
- * THE LOADING FRAME OF EVERY RECORDS SURFACE (lane STABLE-TABLES).
- *
- * Arman, 2026-10-06: "The tables do not properly show a loading state so they are jumpy … They
- * must properly show skeletons and they should not cause shifts … all must have proper loading,
- * empty state, etc." Measured before this file: a table page went route placeholder → a line of
- * text → a 160px grey box → a grid frame with 23px rows and its footer under them → the real grid
- * with 35px rows and its footer 580px lower. Four frames, four geometries.
- *
- * ONE skeleton per surface, chosen by a named option, drawn in the frame the loaded surface uses:
- *   · the toolbar row is the page's own toolbar row (`TABLE_TOOLBAR_ROW_CLASS`), at its height;
- *   · `grid` is the data table itself in its loading state — the same header, the same row
- *     height, the same pinned footer — so its geometry is the loaded grid's by construction;
- *   · `kanban`, `gallery`, `list`, `calendar`, `timeline` paint their columns, cards, rows or
- *     cells where the loaded layout puts them;
- *   · `form` and `record` paint the field stack and the body; `chart` reserves the chart's box.
- *
- * THE COUNT WHEN NOBODY KNOWS IT. A page frame fills to its edge (Airtable's rule: the grid never
- * starts short and grows); an embedded frame paints the rows the table had last time, else five
- * (Notion's inline database paints a short run) — see `rememberedRows.ts`.
- *
- * Hosts never style a placeholder of their own: they render this, with a layout.
- */
 /** Every place a records surface shows while its first read is out. */
 type RecordsSkeletonLayout = "grid" | "kanban" | "gallery" | "list" | "calendar" | "timeline" | "form" | "record" | "chart" | "home";
 declare const RECORDS_SKELETON_LAYOUTS: readonly RecordsSkeletonLayout[];
@@ -7174,6 +7151,8 @@ interface RecordsSkeletonProps {
     embedded?: boolean;
     /** Rows to paint; default — page: to the frame's edge, embedded: five. */
     rows?: number | "fill";
+    /** The table this page is for: a page frame then paints the rows that table showed last visit. */
+    tableId?: string;
     className?: string;
 }
 /** The body of a layout while its first read is out — where the loaded layout's body will be. */
@@ -7183,6 +7162,6 @@ declare function RecordsSkeleton({ layout, embedded, rows, className }: RecordsS
  * at its height (the view, the layout, filter, then the search and the add buttons at the end),
  * and the layout's body skeleton below — the boxes the loaded page fills, nothing else.
  */
-declare function TablePageSkeleton({ layout, embedded, rows, className, }: RecordsSkeletonProps): react.JSX.Element;
+declare function TablePageSkeleton({ layout, embedded, rows, tableId, className, }: RecordsSkeletonProps): react.JSX.Element;
 
 export { ABSENCE_WORD_LABEL, ABSENCE_WORD_VALUES, ACTION_KINDS, ARCHIVED_NEVER_DESTROYED, ARCHIVE_MEANS, ASK_EXAMPLE, type AbsenceWord, AccentSwatches, type AccentSwatchesProps, ActionInbox, type ActionInboxProps, type ActionKind, type AgentBuildAsk, type AnnounceTableArchived, type AppletPageBlock, ArchiveDeliberatelyDialog, type ArchiveDeliberatelyDialogProps, ArchivedDisclosure, type ArchivedDisclosureProps, ArchivedPortals, type ArchivedPortalsProps, ArchivedView, type ArchivedViewProps, type AskRead, BODY_COLUMN_NAME, BODY_SAVE_PAUSE_MS, BOOKING_NOT_HERE_LINE, BOOKING_PAGE_STATE_LABEL, BOOKING_PAGE_STATE_VALUES, BookingBuilder, type BookingBuilderProps, type BookingPageState, BookingSlots, type BookingSlotsProps, BuildOrAsk, type BuildOrAskProps, type BuildableKind, type ButtonPageBlock, CAPTURE_MODES, CHART_KINDS, CHART_KIND_LABEL, CHART_NEEDS, CHECKLIST_REQUIREMENT_KINDS, CHECKLIST_REQUIREMENT_LABEL, CONDITION_OPS, CONTEXT_POLICY_LABEL, ADDABLE_TYPES as CUSTOM_FIELD_ADDABLE_TYPES, type CalendarMode, CalendarView, type CalendarViewProps, type CaptureMode, type CaptureQueuePort, CaptureRun, type CaptureRunProps, CaptureSheet, type CaptureSheetProps, type CellAddress, type CellRefusal, type CellState, ChartBlock, type ChartBlockProps, type ChartConfig, ChartFrame, type ChartKind, ChartLegendContent, type ChartPageBlock, type ChartSpec, ChartTooltipContent, ChecklistRunner, type ChecklistRunnerProps, ChecklistTemplateEditor, ChecklistsPanel, type ChecklistsPanelProps, type ChoiceAddition, type ChoiceAsk, ChoiceAskButtons, ChoiceListEditor, type ChoiceListRow, type CombinedRows, CommentThread, type CommentThreadProps, type ConditionField, ConditionGroup, type ConditionGroupProps, ConditionRow, type ConditionRowProps, type CustomFieldAddRequest, type CustomFieldAddResult, type CustomFieldSetResult, type CustomFieldValuesRequest, type CustomFieldsAgentDoor, type CustomFieldsAgentState, CustomFieldsSection, type CustomFieldsSectionProps, DEFAULT_FOOTER, DEFAULT_VIEW_NAME, DUE_STATE_LABEL, DashboardCanvas, type DashboardCanvasProps, DigestScheduler, type DigestSchedulerProps, DocRender, type DocRenderProps, DocTemplate, type DocTemplateProps, type DocTemplateSpec, EMPTY_PRESENTATION, ENGINEER_TEXT, ENTITY_REFERENCE_KINDS_MISSING, type EditorKind, EmbedFrame, type EmbedFrameProps, type EnrichAsk, EnrichBadge, type EnrichBadgeProps, type EnrichOutcome, EnrichPanel, type EnrichPanelProps, EntityBoard, type EntityBoardProps, EntityChartBlock, type EntityChartBlockProps, type EntityColumn, EntityDataScope, EntityGrid, type EntityLayout, EntityReferenceKindPicker, type EntityReferenceKindPickerProps, type EntityRow, type EntitySource, type EntityTable, EntityTablePage, type EntityTablePageProps, ExportMenu, type ExportMenuProps, FIELD_RULE_KIND_LABEL, FIELD_RULE_KIND_VALUES, FIELD_SENSITIVITY_LABEL, FIELD_TYPE_CATALOGUE, FIELD_TYPE_CHOICES, FIELD_TYPE_GROUPS, FOOTER_WORDS, FORMULA_OP_JOINS, FORMULA_OP_LABEL, FORMULA_OP_VALUES, FORM_FLOWS, FORM_NOT_HERE_LINE, FROZEN_COLUMN_WIDTH, FieldControl, FieldEditor, type FieldEditorControlProps, type FieldEditorProps, FieldHistoryPanel, type FieldHistoryPanelProps, FieldLabel, type FieldProposalRow, type FieldRuleKindValue, type FieldTypeChoice, FilePicker, type FilePickerProps, type FilterPageBlock, type FooterPlacement, type FormAsked, FormBuilder, type FormBuilderProps, type FormFlow, type FormLook, FormLookFrame, type FormLookFrameProps, FormLookLogo, type FormLookView, type FormPageBlock, type FormQuestionSpec, FormRunner, type FormRunnerProps, type FormSpec, type FormSubmitOutcome, type FormTheme, FormsPanel, type FormsPanelProps, type FormulaOp, Grid, GridCell, type GridContextRecord, type GridContextSnapshot, type GridEditing, type GridGrouping, type GridPresentation, type GridProps, GuessedFieldType, type HeadingPageBlock, HistoryPanel, type HistoryPanelProps, type HostLayout, INBOX_GROUPINGS, INBOX_VIEWS, IN_MEMORY_QUEUE_REASON, ImportNotice, type ImportNoticeProps, type ImportSource, ImportWizard, type ImportWizardProps, InTableToolbar, type InboxGroup, type InboxGrouping, LANE_EMPTY, LANE_TITLE, LAYOUT_FIELD_KIND, LAYOUT_LABEL, LOOK_WORDS, type LabelLookup, type LinkRail, type ListPageBlock, MACHINE_IDENTITY, MANUAL_SORT, MAX_ROW_HEIGHT, MIN_ROW_HEIGHT, MOST_NEW_COLUMNS, type MainView, type MoveWritten, MyChecklistSteps, NEEDS_A_SENTENCE, NEW_COLUMN_TYPES, NOT_DRAWN_HERE, NO_AGENT_PORT, NO_CHAT_REASON, NO_COLUMNS_YET, NO_ENRICH_REASON, NO_MEMBERS_REASON, NO_OPEN_RECORDS_REASON, NO_REASK_REASON, NO_RIGHTS, NO_RULES_YET, NO_SAVED_VIEWS_REASON, NO_SHARE_REASON, NO_UPLOAD_REASON, type NewColumn, type NewColumnType, NotifyRuleEditor, type NotifyRuleEditorProps, type NotifyRuleSpec, ObjectAction, ObjectActionContextMenuItems, ObjectActionGlyph, ObjectActionIcon, ObjectActionMenuItems, type ObjectActionMenuItemsProps, type OpenRecordsAsk, type OrganizationMember, PAGE_BLOCK_KINDS, PAGE_BLOCK_LABEL, PAGE_KIND, PAGE_VIEWS, PAGE_VIEW_LABEL, PARITY_LABEL, PARITY_MADE_OF, PORTAL_NOT_HERE_LINE, PROPOSED_CHANGE_ACT_LABEL, PROPOSED_CHANGE_ACT_VALUES, type PageBlock, type PageBlockKind, PageScreen, type PageScreenProps, type PageView, Peek, type PeekProps, type PendingCapture, PersonPicker, type PersonPickerProps, PickOrAdd, type PickOrAddItem, type PickOrAddProps, type PickableFieldType, type PickerTable, PipelineBoard, type PipelineBoardProps, type PlainFieldType, type PlainRefusal, type PortalAnswer, PortalBuilder, type PortalBuilderProps, PortalCardView, type PortalCardViewProps, PortalLookEditor, type PortalLookEditorProps, PortalShell, type PortalShellProps, PortalsPanel, type PortalsPanelProps, type ProposalOutcome, ProposalRow, type ProposalRowProps, type ProposedChange, type ProposedChangeAct, ProvenanceBadge, PublicPicturePicker, type PublicPicturePickerProps, PublicViewPage, type PublicViewPageProps, QUESTION_OPS, QUESTION_SURFACE, type QuestionAnswer, QuestionAnswerView, type QuestionGroup, type QuestionMeasure, type QuestionOp, QuestionPanel, type QuestionPanelProps, type QuestionRow, type QuestionShow, type QuestionSpec, RECORDS_GRID_ROW_PX, RECORDS_SKELETON_LAYOUTS, ROLLUP_AGG_LABEL, ROLLUP_AGG_VALUES, RULE_NOT_HERE_LINE, type ReaskContext, type ReasonGroup, type RecordActionHost, RecordActionMenu, type RecordActionMenuProps, type RecordActionSubject, type RecordActionsInput, RecordBody, RecordChat, type RecordChatContext, type RecordChatEntry, type RecordChatProps, type RecordChatWithheld, RecordChip, RecordForm, type RecordFormProps, RecordLabelProvider, type RecordMoves, type RecordPageBlock, RecordPanel, type RecordPanelProps, RecordValue, RecordsMount, type RecordsMountProps, RecordsSkeleton, type RecordsSkeletonLayout, type RecordsSkeletonProps, RecordsTableCard, type RecordsTableCardProps, type RecordsUiHost, RecordsUiProvider, ReferenceBuilder, type ReferenceBuilderProps, type ReferenceChoice, RefusalLine, RefusalNotice, type RefusedRow, type RelationFieldType, RelationPicker, type RelationPickerProps, type RenderTextSlot, type ResolveName, type RichTextEditProps, type RollupAgg, SAVED_VIEWS_UNAVAILABLE, SAVE_TO_TABLE_TYPES, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS, SECTIONS_UNKNOWN, SERIES_COLORS, SHARE_NOT_YOURS_LINE, SIGNED_WORD, SOMEBODY, STAGE_RULE_ON_FAIL_LABEL, STORE_ANSWERS_THESE, STORE_DECIDES_REASON, STORE_KEEPS_TIMELINE, STORE_KEPT_LAYOUTS, SUBSCRIPTION_CADENCES, SUBSCRIPTION_CADENCE_LABEL, SUBSCRIPTION_CHANNEL_LABEL, SUBSCRIPTION_CHANNEL_VALUES, SaveToTable, type SaveToTableProps, type SaveToTableSource, type SavedDashboard, type SavedForm, type SavedQuestion, type SavedView, type SavedViewSpec, ShareControl, type ShareControlProps, type ShareSubject, ShowListsToggle, type ShownViewReport, SignBlock, type SignBlockProps, SignaturePad, SignatureValue, type SnoozeChoice, type SortStateAction, SortStateControl, type SortStateControlProps, StageRulesSection, type StageRulesSectionProps, type StandardColumn, StandardRecordForm, type StandardRecordFormProps, StepRow, type SubscriptionChannel, SubscriptionsPanel, type SubscriptionsPanelProps, type Surface, type SurfacePress, type SystemFieldSpec, type SystemTableSpec, TABLE_LANES, TABLE_NAME_MAX, TABLE_NOT_REACHABLE, TABLE_TOOLBAR_ROW_CLASS, THE_SYSTEM, TIMELINE_ZOOMS, TableActionHost, TableAsk, type TableAskProps, TableDetails, TableDuplicateDialog, type TableDuplicateDialogProps, TableFoundationSwitch, type TableLane, type TableOpening, TablePage, type TablePageActionHost, type TablePageHeaderChrome, type TablePageProps, TablePageSkeleton, type TablePageSource, type TablePickerEntries, type TablePickerEntry, TableReferenceDialog, TableRenameDialog, TableRestoreRefused, type TableRights, TableSettings, type TableSettingsProps, TableShape, TableToolbarSlotContext, TablesHome, type TablesHomeProps, TemplatePreview, type TemplatePreviewProps, type TextPageBlock, type ThroughCondition, type TimelineSettings, TimelineView, type TimelineViewProps, type TimelineZoom, type TitleRepeats, type TrackedVersion, UNREAD_RECORD_LABEL, type UseSystemTableState, VIEW_ADDRESS_KEYS, VIEW_KEYS, VIEW_LAYOUTS, VIEW_NEEDS, VIEW_NOT_SAVED_YET, VISIBILITY_LANES, VISIBILITY_LANE_TITLE, type ViewAddressSort, type ViewAddressState, ViewBar, type ViewBarProps, type ViewKeyDeclaration, type ViewKeyLayout, type ViewKeyWriter, type ViewLayout, type ViewLook, type ViewNeed, type ViewNeedKind, ViewNeeds, type ViewNeedsProps, type ViewSettings, type ViewSettingsPatch, type ViewSort, type ViewSortKey, ViewSwitcher, type ViewSwitcherProps, type VisibilityLane, WITHHELD_RECORD_LABEL, WITHHELD_WORD, WORK_APPROVAL_STATES, WORK_APPROVAL_STATE_LABEL, WORK_DUE_STATES, WORK_INBOX_KINDS, WORK_INBOX_KIND_GROUP_LABEL, WORK_INBOX_KIND_LABEL, WhatYouMayDo, WhereItLives, type WhereItLivesProps, type WhoChanged, WhoChangedSource, WithheldValue, actorBadge, actorWords, addDays, announceTableArchived, applyLook, archiveConfirmSentence, archivedRowLine, asRefusal, askExampleFor, askQuestion, askableFields, blockFromSpec, bodyFieldOf, bodyForReading, bodyFromKeys, calendarDayLabel, calendarDayOf, cameFromLine, cardTitleField, cardWords, carriesTimeOfDay, cellState, choiceAddition, choiceAskSentence, choiceListPatch, choiceNudgeOf, choiceRowsFrom, chooseSurface, codeDependsRefusal, colorFromTheValue, columnDeclarationFor, columnForField, columnFromName, columnNamesFrom, columnsFrom, combineFilter, combineRows, conditionInWords, conditionIsDrawable, conditionIsSimple, conditionValue, controlFor, copyNameFor, currencyCodeFor, customFieldRequestProblems, dashboardDeclareArgs, dashboardFromSummary, dateFormatFor, dateText, dayAt, dayKeyOf, daysBetween, declareView, defaultViewOf, descriptionPatch, designatedLayoutOf, drawnBelowOnPage, drawnSignatureOf, drillDimensionsOf, drillMeasuresOf, drillPathsOf, drillWhere, duplicateProgressWords, editorKindFor, ensureSystemTable, entityCellValue, entityChoiceColumns, entityNameColumn, entityReferenceSpec, entityShownColumns, entityTableColumns, entityTitleColumn, entityValueText, envelopeFor, fieldIsEditable, fieldName, fieldToken, fieldTypeChoice, fieldTypeLabel, fieldsForNewColumns, filterTargets, flatWhere, footerOf, formDeclareArgs, formFromSummary, formLookDocument, formLookFromDocument, formLookView, formPresentation, formatForField, freeColumnName, freshFormName, gridContextKey, gridContextSnapshot, groupInbox, groupLabel, groupReasons, groupableFields, handOrderLine, handOrderSortState, hasTimePart, hintForAPerson, hintIsMachineIdentity, idsOf, isChoiceAddition, isDateField, isEngineerText, isFoundationTable, isId, isKeptTable, isMachineIdentity, isPage, isParityFieldType, isPlainFieldType, isRelationFieldType, isSignatureField, isValueSet, isViewAddressEmpty, keepLook, keptByTheApp, keyFor, kindsWithNoChoice, laneFor, lastChangeSentence, lookDiffers, lookDocument, lookFromDocument, lookPart, looksLikeId, machineIdentityIn, mayNotRestoreLine, measurableFields, memberName, moveRecordValue, newQuestion, nextInWords, nextSummaryAt, notAChoiceSentence, onlyCandidate, openingRail, openingView, packOverlaps, pageBlocksOf, pagePresentation, pageViewFromParam, parityTypesWithNoExplanation, parseGridPresentation, personActor, personRecordForMember, pickableTypeOf, pointsAtRecords, presentationDocument, presentationIsEmpty, previewLine, previewWords, publiclyAnswerable, questionArchive, questionFromDefinition, questionFromWords, questionSave, questionsOf, railFromParam, readLooks, recordActions, recordLink, recordName, recordNameIn, recordsDataSource, refusal, refusalForAPerson, refusalFromThrown, refusalLineForAPerson, refusalOr, refusedFileName, refusedRowsCsv, renderValue, rescheduledValue, resolveTableStyle, revokeConsequence, rowLabelChoices, rowName, rowNameIn, runToNotice, sameRecordLikely, sameViewAddress, saveToViewPlan, saveViewPatch, scalarText, seedIsSatisfied, shapesOfSource, shareUnavailableReason, signatureFileIn, signatureFileOf, signatureWords, singularNoun, skeletonLayoutFor, snoozeChoices, specFromBlock, standardTokenOf, starterPageBlocks, storeDecidesRights, storeKeepsLayout, storePublishesKind, styleFromDecorations, submissionStamp, surfaceChosen, tableName, tableNameProblem, tableOpening, tablePickerEntries, tableReferenceChoices, tableRightsAt, titleRepeats, unknownRailLine, unknownViewLine, unreadableKeys, useCanShare, useChoiceNudge, useDrill, useDrillAnswers, useDrillDefinition, useEmbedHandshake, useEnrichCells, useEntityTable, useGridEditing, useLabelWait, useMeasuredWidth, useMyChecklistSteps, usePickerTables, useRecordActionHost, useRecordLabels, useRecordMoves, useRecordRights, useRecordsUi, useRowColorBy, useRowRights, useSystemTable, useTableRights, useTableToolbarSlot, useTemplatePreview, useViewRecords, useWhoChanged, viewActions, viewAddressFromParams, viewAddressToParams, viewDocument, viewFromRow, viewKeysFor, viewNeedFor, viewPatchDocument, viewSettings, viewSettingsFor, viewSettingsPatch, visibilityLaneFor, whatIsMissing, whatIsMissingForEntityReference, whatTheChoiceListIsMissing, whenWords, whyNotAskable, withheldNoticeOf, withheldSentence, withoutAddition, wordsList };

package/dist/index.d.ts

@@ -7131,29 +7131,6 @@ type EntityRow = Record<string, unknown> & {
     id: string;
 };
 
-/**
- * THE LOADING FRAME OF EVERY RECORDS SURFACE (lane STABLE-TABLES).
- *
- * Arman, 2026-10-06: "The tables do not properly show a loading state so they are jumpy … They
- * must properly show skeletons and they should not cause shifts … all must have proper loading,
- * empty state, etc." Measured before this file: a table page went route placeholder → a line of
- * text → a 160px grey box → a grid frame with 23px rows and its footer under them → the real grid
- * with 35px rows and its footer 580px lower. Four frames, four geometries.
- *
- * ONE skeleton per surface, chosen by a named option, drawn in the frame the loaded surface uses:
- *   · the toolbar row is the page's own toolbar row (`TABLE_TOOLBAR_ROW_CLASS`), at its height;
- *   · `grid` is the data table itself in its loading state — the same header, the same row
- *     height, the same pinned footer — so its geometry is the loaded grid's by construction;
- *   · `kanban`, `gallery`, `list`, `calendar`, `timeline` paint their columns, cards, rows or
- *     cells where the loaded layout puts them;
- *   · `form` and `record` paint the field stack and the body; `chart` reserves the chart's box.
- *
- * THE COUNT WHEN NOBODY KNOWS IT. A page frame fills to its edge (Airtable's rule: the grid never
- * starts short and grows); an embedded frame paints the rows the table had last time, else five
- * (Notion's inline database paints a short run) — see `rememberedRows.ts`.
- *
- * Hosts never style a placeholder of their own: they render this, with a layout.
- */
 /** Every place a records surface shows while its first read is out. */
 type RecordsSkeletonLayout = "grid" | "kanban" | "gallery" | "list" | "calendar" | "timeline" | "form" | "record" | "chart" | "home";
 declare const RECORDS_SKELETON_LAYOUTS: readonly RecordsSkeletonLayout[];
@@ -7174,6 +7151,8 @@ interface RecordsSkeletonProps {
     embedded?: boolean;
     /** Rows to paint; default — page: to the frame's edge, embedded: five. */
     rows?: number | "fill";
+    /** The table this page is for: a page frame then paints the rows that table showed last visit. */
+    tableId?: string;
     className?: string;
 }
 /** The body of a layout while its first read is out — where the loaded layout's body will be. */
@@ -7183,6 +7162,6 @@ declare function RecordsSkeleton({ layout, embedded, rows, className }: RecordsS
  * at its height (the view, the layout, filter, then the search and the add buttons at the end),
  * and the layout's body skeleton below — the boxes the loaded page fills, nothing else.
  */
-declare function TablePageSkeleton({ layout, embedded, rows, className, }: RecordsSkeletonProps): react.JSX.Element;
+declare function TablePageSkeleton({ layout, embedded, rows, tableId, className, }: RecordsSkeletonProps): react.JSX.Element;
 
 export { ABSENCE_WORD_LABEL, ABSENCE_WORD_VALUES, ACTION_KINDS, ARCHIVED_NEVER_DESTROYED, ARCHIVE_MEANS, ASK_EXAMPLE, type AbsenceWord, AccentSwatches, type AccentSwatchesProps, ActionInbox, type ActionInboxProps, type ActionKind, type AgentBuildAsk, type AnnounceTableArchived, type AppletPageBlock, ArchiveDeliberatelyDialog, type ArchiveDeliberatelyDialogProps, ArchivedDisclosure, type ArchivedDisclosureProps, ArchivedPortals, type ArchivedPortalsProps, ArchivedView, type ArchivedViewProps, type AskRead, BODY_COLUMN_NAME, BODY_SAVE_PAUSE_MS, BOOKING_NOT_HERE_LINE, BOOKING_PAGE_STATE_LABEL, BOOKING_PAGE_STATE_VALUES, BookingBuilder, type BookingBuilderProps, type BookingPageState, BookingSlots, type BookingSlotsProps, BuildOrAsk, type BuildOrAskProps, type BuildableKind, type ButtonPageBlock, CAPTURE_MODES, CHART_KINDS, CHART_KIND_LABEL, CHART_NEEDS, CHECKLIST_REQUIREMENT_KINDS, CHECKLIST_REQUIREMENT_LABEL, CONDITION_OPS, CONTEXT_POLICY_LABEL, ADDABLE_TYPES as CUSTOM_FIELD_ADDABLE_TYPES, type CalendarMode, CalendarView, type CalendarViewProps, type CaptureMode, type CaptureQueuePort, CaptureRun, type CaptureRunProps, CaptureSheet, type CaptureSheetProps, type CellAddress, type CellRefusal, type CellState, ChartBlock, type ChartBlockProps, type ChartConfig, ChartFrame, type ChartKind, ChartLegendContent, type ChartPageBlock, type ChartSpec, ChartTooltipContent, ChecklistRunner, type ChecklistRunnerProps, ChecklistTemplateEditor, ChecklistsPanel, type ChecklistsPanelProps, type ChoiceAddition, type ChoiceAsk, ChoiceAskButtons, ChoiceListEditor, type ChoiceListRow, type CombinedRows, CommentThread, type CommentThreadProps, type ConditionField, ConditionGroup, type ConditionGroupProps, ConditionRow, type ConditionRowProps, type CustomFieldAddRequest, type CustomFieldAddResult, type CustomFieldSetResult, type CustomFieldValuesRequest, type CustomFieldsAgentDoor, type CustomFieldsAgentState, CustomFieldsSection, type CustomFieldsSectionProps, DEFAULT_FOOTER, DEFAULT_VIEW_NAME, DUE_STATE_LABEL, DashboardCanvas, type DashboardCanvasProps, DigestScheduler, type DigestSchedulerProps, DocRender, type DocRenderProps, DocTemplate, type DocTemplateProps, type DocTemplateSpec, EMPTY_PRESENTATION, ENGINEER_TEXT, ENTITY_REFERENCE_KINDS_MISSING, type EditorKind, EmbedFrame, type EmbedFrameProps, type EnrichAsk, EnrichBadge, type EnrichBadgeProps, type EnrichOutcome, EnrichPanel, type EnrichPanelProps, EntityBoard, type EntityBoardProps, EntityChartBlock, type EntityChartBlockProps, type EntityColumn, EntityDataScope, EntityGrid, type EntityLayout, EntityReferenceKindPicker, type EntityReferenceKindPickerProps, type EntityRow, type EntitySource, type EntityTable, EntityTablePage, type EntityTablePageProps, ExportMenu, type ExportMenuProps, FIELD_RULE_KIND_LABEL, FIELD_RULE_KIND_VALUES, FIELD_SENSITIVITY_LABEL, FIELD_TYPE_CATALOGUE, FIELD_TYPE_CHOICES, FIELD_TYPE_GROUPS, FOOTER_WORDS, FORMULA_OP_JOINS, FORMULA_OP_LABEL, FORMULA_OP_VALUES, FORM_FLOWS, FORM_NOT_HERE_LINE, FROZEN_COLUMN_WIDTH, FieldControl, FieldEditor, type FieldEditorControlProps, type FieldEditorProps, FieldHistoryPanel, type FieldHistoryPanelProps, FieldLabel, type FieldProposalRow, type FieldRuleKindValue, type FieldTypeChoice, FilePicker, type FilePickerProps, type FilterPageBlock, type FooterPlacement, type FormAsked, FormBuilder, type FormBuilderProps, type FormFlow, type FormLook, FormLookFrame, type FormLookFrameProps, FormLookLogo, type FormLookView, type FormPageBlock, type FormQuestionSpec, FormRunner, type FormRunnerProps, type FormSpec, type FormSubmitOutcome, type FormTheme, FormsPanel, type FormsPanelProps, type FormulaOp, Grid, GridCell, type GridContextRecord, type GridContextSnapshot, type GridEditing, type GridGrouping, type GridPresentation, type GridProps, GuessedFieldType, type HeadingPageBlock, HistoryPanel, type HistoryPanelProps, type HostLayout, INBOX_GROUPINGS, INBOX_VIEWS, IN_MEMORY_QUEUE_REASON, ImportNotice, type ImportNoticeProps, type ImportSource, ImportWizard, type ImportWizardProps, InTableToolbar, type InboxGroup, type InboxGrouping, LANE_EMPTY, LANE_TITLE, LAYOUT_FIELD_KIND, LAYOUT_LABEL, LOOK_WORDS, type LabelLookup, type LinkRail, type ListPageBlock, MACHINE_IDENTITY, MANUAL_SORT, MAX_ROW_HEIGHT, MIN_ROW_HEIGHT, MOST_NEW_COLUMNS, type MainView, type MoveWritten, MyChecklistSteps, NEEDS_A_SENTENCE, NEW_COLUMN_TYPES, NOT_DRAWN_HERE, NO_AGENT_PORT, NO_CHAT_REASON, NO_COLUMNS_YET, NO_ENRICH_REASON, NO_MEMBERS_REASON, NO_OPEN_RECORDS_REASON, NO_REASK_REASON, NO_RIGHTS, NO_RULES_YET, NO_SAVED_VIEWS_REASON, NO_SHARE_REASON, NO_UPLOAD_REASON, type NewColumn, type NewColumnType, NotifyRuleEditor, type NotifyRuleEditorProps, type NotifyRuleSpec, ObjectAction, ObjectActionContextMenuItems, ObjectActionGlyph, ObjectActionIcon, ObjectActionMenuItems, type ObjectActionMenuItemsProps, type OpenRecordsAsk, type OrganizationMember, PAGE_BLOCK_KINDS, PAGE_BLOCK_LABEL, PAGE_KIND, PAGE_VIEWS, PAGE_VIEW_LABEL, PARITY_LABEL, PARITY_MADE_OF, PORTAL_NOT_HERE_LINE, PROPOSED_CHANGE_ACT_LABEL, PROPOSED_CHANGE_ACT_VALUES, type PageBlock, type PageBlockKind, PageScreen, type PageScreenProps, type PageView, Peek, type PeekProps, type PendingCapture, PersonPicker, type PersonPickerProps, PickOrAdd, type PickOrAddItem, type PickOrAddProps, type PickableFieldType, type PickerTable, PipelineBoard, type PipelineBoardProps, type PlainFieldType, type PlainRefusal, type PortalAnswer, PortalBuilder, type PortalBuilderProps, PortalCardView, type PortalCardViewProps, PortalLookEditor, type PortalLookEditorProps, PortalShell, type PortalShellProps, PortalsPanel, type PortalsPanelProps, type ProposalOutcome, ProposalRow, type ProposalRowProps, type ProposedChange, type ProposedChangeAct, ProvenanceBadge, PublicPicturePicker, type PublicPicturePickerProps, PublicViewPage, type PublicViewPageProps, QUESTION_OPS, QUESTION_SURFACE, type QuestionAnswer, QuestionAnswerView, type QuestionGroup, type QuestionMeasure, type QuestionOp, QuestionPanel, type QuestionPanelProps, type QuestionRow, type QuestionShow, type QuestionSpec, RECORDS_GRID_ROW_PX, RECORDS_SKELETON_LAYOUTS, ROLLUP_AGG_LABEL, ROLLUP_AGG_VALUES, RULE_NOT_HERE_LINE, type ReaskContext, type ReasonGroup, type RecordActionHost, RecordActionMenu, type RecordActionMenuProps, type RecordActionSubject, type RecordActionsInput, RecordBody, RecordChat, type RecordChatContext, type RecordChatEntry, type RecordChatProps, type RecordChatWithheld, RecordChip, RecordForm, type RecordFormProps, RecordLabelProvider, type RecordMoves, type RecordPageBlock, RecordPanel, type RecordPanelProps, RecordValue, RecordsMount, type RecordsMountProps, RecordsSkeleton, type RecordsSkeletonLayout, type RecordsSkeletonProps, RecordsTableCard, type RecordsTableCardProps, type RecordsUiHost, RecordsUiProvider, ReferenceBuilder, type ReferenceBuilderProps, type ReferenceChoice, RefusalLine, RefusalNotice, type RefusedRow, type RelationFieldType, RelationPicker, type RelationPickerProps, type RenderTextSlot, type ResolveName, type RichTextEditProps, type RollupAgg, SAVED_VIEWS_UNAVAILABLE, SAVE_TO_TABLE_TYPES, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS, SECTIONS_UNKNOWN, SERIES_COLORS, SHARE_NOT_YOURS_LINE, SIGNED_WORD, SOMEBODY, STAGE_RULE_ON_FAIL_LABEL, STORE_ANSWERS_THESE, STORE_DECIDES_REASON, STORE_KEEPS_TIMELINE, STORE_KEPT_LAYOUTS, SUBSCRIPTION_CADENCES, SUBSCRIPTION_CADENCE_LABEL, SUBSCRIPTION_CHANNEL_LABEL, SUBSCRIPTION_CHANNEL_VALUES, SaveToTable, type SaveToTableProps, type SaveToTableSource, type SavedDashboard, type SavedForm, type SavedQuestion, type SavedView, type SavedViewSpec, ShareControl, type ShareControlProps, type ShareSubject, ShowListsToggle, type ShownViewReport, SignBlock, type SignBlockProps, SignaturePad, SignatureValue, type SnoozeChoice, type SortStateAction, SortStateControl, type SortStateControlProps, StageRulesSection, type StageRulesSectionProps, type StandardColumn, StandardRecordForm, type StandardRecordFormProps, StepRow, type SubscriptionChannel, SubscriptionsPanel, type SubscriptionsPanelProps, type Surface, type SurfacePress, type SystemFieldSpec, type SystemTableSpec, TABLE_LANES, TABLE_NAME_MAX, TABLE_NOT_REACHABLE, TABLE_TOOLBAR_ROW_CLASS, THE_SYSTEM, TIMELINE_ZOOMS, TableActionHost, TableAsk, type TableAskProps, TableDetails, TableDuplicateDialog, type TableDuplicateDialogProps, TableFoundationSwitch, type TableLane, type TableOpening, TablePage, type TablePageActionHost, type TablePageHeaderChrome, type TablePageProps, TablePageSkeleton, type TablePageSource, type TablePickerEntries, type TablePickerEntry, TableReferenceDialog, TableRenameDialog, TableRestoreRefused, type TableRights, TableSettings, type TableSettingsProps, TableShape, TableToolbarSlotContext, TablesHome, type TablesHomeProps, TemplatePreview, type TemplatePreviewProps, type TextPageBlock, type ThroughCondition, type TimelineSettings, TimelineView, type TimelineViewProps, type TimelineZoom, type TitleRepeats, type TrackedVersion, UNREAD_RECORD_LABEL, type UseSystemTableState, VIEW_ADDRESS_KEYS, VIEW_KEYS, VIEW_LAYOUTS, VIEW_NEEDS, VIEW_NOT_SAVED_YET, VISIBILITY_LANES, VISIBILITY_LANE_TITLE, type ViewAddressSort, type ViewAddressState, ViewBar, type ViewBarProps, type ViewKeyDeclaration, type ViewKeyLayout, type ViewKeyWriter, type ViewLayout, type ViewLook, type ViewNeed, type ViewNeedKind, ViewNeeds, type ViewNeedsProps, type ViewSettings, type ViewSettingsPatch, type ViewSort, type ViewSortKey, ViewSwitcher, type ViewSwitcherProps, type VisibilityLane, WITHHELD_RECORD_LABEL, WITHHELD_WORD, WORK_APPROVAL_STATES, WORK_APPROVAL_STATE_LABEL, WORK_DUE_STATES, WORK_INBOX_KINDS, WORK_INBOX_KIND_GROUP_LABEL, WORK_INBOX_KIND_LABEL, WhatYouMayDo, WhereItLives, type WhereItLivesProps, type WhoChanged, WhoChangedSource, WithheldValue, actorBadge, actorWords, addDays, announceTableArchived, applyLook, archiveConfirmSentence, archivedRowLine, asRefusal, askExampleFor, askQuestion, askableFields, blockFromSpec, bodyFieldOf, bodyForReading, bodyFromKeys, calendarDayLabel, calendarDayOf, cameFromLine, cardTitleField, cardWords, carriesTimeOfDay, cellState, choiceAddition, choiceAskSentence, choiceListPatch, choiceNudgeOf, choiceRowsFrom, chooseSurface, codeDependsRefusal, colorFromTheValue, columnDeclarationFor, columnForField, columnFromName, columnNamesFrom, columnsFrom, combineFilter, combineRows, conditionInWords, conditionIsDrawable, conditionIsSimple, conditionValue, controlFor, copyNameFor, currencyCodeFor, customFieldRequestProblems, dashboardDeclareArgs, dashboardFromSummary, dateFormatFor, dateText, dayAt, dayKeyOf, daysBetween, declareView, defaultViewOf, descriptionPatch, designatedLayoutOf, drawnBelowOnPage, drawnSignatureOf, drillDimensionsOf, drillMeasuresOf, drillPathsOf, drillWhere, duplicateProgressWords, editorKindFor, ensureSystemTable, entityCellValue, entityChoiceColumns, entityNameColumn, entityReferenceSpec, entityShownColumns, entityTableColumns, entityTitleColumn, entityValueText, envelopeFor, fieldIsEditable, fieldName, fieldToken, fieldTypeChoice, fieldTypeLabel, fieldsForNewColumns, filterTargets, flatWhere, footerOf, formDeclareArgs, formFromSummary, formLookDocument, formLookFromDocument, formLookView, formPresentation, formatForField, freeColumnName, freshFormName, gridContextKey, gridContextSnapshot, groupInbox, groupLabel, groupReasons, groupableFields, handOrderLine, handOrderSortState, hasTimePart, hintForAPerson, hintIsMachineIdentity, idsOf, isChoiceAddition, isDateField, isEngineerText, isFoundationTable, isId, isKeptTable, isMachineIdentity, isPage, isParityFieldType, isPlainFieldType, isRelationFieldType, isSignatureField, isValueSet, isViewAddressEmpty, keepLook, keptByTheApp, keyFor, kindsWithNoChoice, laneFor, lastChangeSentence, lookDiffers, lookDocument, lookFromDocument, lookPart, looksLikeId, machineIdentityIn, mayNotRestoreLine, measurableFields, memberName, moveRecordValue, newQuestion, nextInWords, nextSummaryAt, notAChoiceSentence, onlyCandidate, openingRail, openingView, packOverlaps, pageBlocksOf, pagePresentation, pageViewFromParam, parityTypesWithNoExplanation, parseGridPresentation, personActor, personRecordForMember, pickableTypeOf, pointsAtRecords, presentationDocument, presentationIsEmpty, previewLine, previewWords, publiclyAnswerable, questionArchive, questionFromDefinition, questionFromWords, questionSave, questionsOf, railFromParam, readLooks, recordActions, recordLink, recordName, recordNameIn, recordsDataSource, refusal, refusalForAPerson, refusalFromThrown, refusalLineForAPerson, refusalOr, refusedFileName, refusedRowsCsv, renderValue, rescheduledValue, resolveTableStyle, revokeConsequence, rowLabelChoices, rowName, rowNameIn, runToNotice, sameRecordLikely, sameViewAddress, saveToViewPlan, saveViewPatch, scalarText, seedIsSatisfied, shapesOfSource, shareUnavailableReason, signatureFileIn, signatureFileOf, signatureWords, singularNoun, skeletonLayoutFor, snoozeChoices, specFromBlock, standardTokenOf, starterPageBlocks, storeDecidesRights, storeKeepsLayout, storePublishesKind, styleFromDecorations, submissionStamp, surfaceChosen, tableName, tableNameProblem, tableOpening, tablePickerEntries, tableReferenceChoices, tableRightsAt, titleRepeats, unknownRailLine, unknownViewLine, unreadableKeys, useCanShare, useChoiceNudge, useDrill, useDrillAnswers, useDrillDefinition, useEmbedHandshake, useEnrichCells, useEntityTable, useGridEditing, useLabelWait, useMeasuredWidth, useMyChecklistSteps, usePickerTables, useRecordActionHost, useRecordLabels, useRecordMoves, useRecordRights, useRecordsUi, useRowColorBy, useRowRights, useSystemTable, useTableRights, useTableToolbarSlot, useTemplatePreview, useViewRecords, useWhoChanged, viewActions, viewAddressFromParams, viewAddressToParams, viewDocument, viewFromRow, viewKeysFor, viewNeedFor, viewPatchDocument, viewSettings, viewSettingsFor, viewSettingsPatch, visibilityLaneFor, whatIsMissing, whatIsMissingForEntityReference, whatTheChoiceListIsMissing, whenWords, whyNotAskable, withheldNoticeOf, withheldSentence, withoutAddition, wordsList };

package/dist/index.js

@@ -2116,7 +2116,7 @@ function fieldOptionsOnce(client, fieldId) {
 }
 
 // src/editors.tsx
-import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef11, useState as useState16 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useLayoutEffect, useRef as useRef11, useState as useState16 } from "react";
 import { allowsOtherValues, choiceValuesOf, coerceTypedAnswer, newerKindOf as newerKindOf4, decideTypedChoice, isTheChosen, optionKey as optionKey2, rankTypedMatches as rankTypedMatches3, readTypedTime as readTypedTime2, typedDateText as typedDateText2, typedTimeText as typedTimeText2 } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
 import {
@@ -4109,7 +4109,13 @@ function ClockGlyph() {
     /* @__PURE__ */ jsx18("path", { d: "M12 6v6l4 2" })
   ] });
 }
-function TypedDateHelper({ kind, text, onText, label }) {
+function TypedDateHelper({
+  kind,
+  text,
+  onText,
+  label,
+  onPicked
+}) {
   const [open, setOpen] = useState14(false);
   const held = readBox(text, kind);
   const today = /* @__PURE__ */ new Date();
@@ -4124,12 +4130,16 @@ function TypedDateHelper({ kind, text, onText, label }) {
   const pickDay = (d) => {
     const day = `${shown4.y}-${pad2(shown4.m + 1)}-${pad2(d)}`;
     onText(wordsFor(kind, day, held.time));
-    if (kind === "date") setOpen(false);
+    if (kind === "date") {
+      setOpen(false);
+      onPicked?.();
+    }
   };
   const pickTime = (t) => {
     const day = kind === "datetime" ? held.day ?? todayKey : null;
     onText(wordsFor(kind, day, t));
     setOpen(false);
+    onPicked?.();
   };
   const turn = (by) => {
     const at = new Date(shown4.y, shown4.m + by, 1);
@@ -4418,6 +4428,17 @@ function draftFromTyping(field2, seed) {
   if (opens === "words") return seed;
   return { typedDraft: true, text: seed, judged: judgeTyped(field2, seed) };
 }
+function ReadsAsNote({ typed: typed2, always, children }) {
+  const note = useRef11(null);
+  const [repeats, setRepeats] = useState16(false);
+  useLayoutEffect(() => {
+    if (always) return;
+    const words2 = (t) => (t ?? "").replace(/^Reads as/, "").replace(/\s+/g, "").toLowerCase();
+    setRepeats(words2(note.current?.textContent) === words2(typed2));
+  }, [typed2, always]);
+  if (repeats) return null;
+  return /* @__PURE__ */ jsx19("span", { ref: note, "data-records-typed-reads-as": "", "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children });
+}
 function TypedTextControl({ field: field2, value, onChange, disabled, id, onCommit, onCancel }) {
   const client = useOptionalRecordsClient7();
   const kind = String(editorKindFor(field2));
@@ -4461,7 +4482,7 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
   return /* @__PURE__ */ jsxs17("span", { className: "flex flex-col gap-0.5", children: [
     helper && !disabled ? /* @__PURE__ */ jsxs17("span", { className: "flex min-w-0 items-center gap-0.5", children: [
       box,
-      /* @__PURE__ */ jsx19(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field2) })
+      /* @__PURE__ */ jsx19(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field2), onPicked: onCommit })
     ] }) : box,
     judged === null ? /* @__PURE__ */ jsxs17("span", { "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
@@ -4495,7 +4516,7 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
         }
       ),
       judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx19("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ jsx19(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
-    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs17("span", { "data-records-typed-reads-as": "", "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs17(ReadsAsNote, { typed: value.text, always: isChoiceAddition(judged.value), children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field2)}. ` : null,
       "Reads as",
       " ",
@@ -4508,7 +4529,7 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
         const shown4 = format ?? (kind === "datetime" ? { id: carriesTimeOfDay(field2, judged.value) ? "datetime" : "date" } : void 0);
         return shown4 ? /* @__PURE__ */ jsx19(FormattedValue, { value: judged.value, format: shown4 }) : String(judged.value);
       })()
-    ] })
+    ] }, value.text)
   ] });
 }
 function isPersonsName(field2) {
@@ -5750,7 +5771,7 @@ function KindValueCell({
 }
 
 // src/ClampedChips.tsx
-import { useCallback as useCallback8, useLayoutEffect, useRef as useRef13, useState as useState19 } from "react";
+import { useCallback as useCallback8, useLayoutEffect as useLayoutEffect2, useRef as useRef13, useState as useState19 } from "react";
 import { Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn17 } from "@ai-matrx/design-system";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var GAP = 4;
@@ -5791,13 +5812,13 @@ function ClampedChips({
     setMeasuring(false);
   }, [stands]);
   const key = items.map((i) => i.key).join("|");
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     setMeasuring(true);
   }, [key, total]);
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     if (measuring) measure();
   }, [measuring, measure]);
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const el = box.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     let last = el.clientWidth;
@@ -7225,18 +7246,23 @@ function GridCell({
   const editable = Boolean(editing) && canWrite && fieldIsEditable(field2);
   if (open && editing) {
     return /* @__PURE__ */ jsxs23("span", { "data-records-open-cell": "", className: "relative block w-full min-w-0", children: [
-      /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", "data-records-cell-ghost": "", className: "pointer-events-none invisible block select-none truncate px-1 py-0.5", children: /* @__PURE__ */ jsx28(
-        RecordValue,
-        {
-          inCell: true,
-          field: field2,
-          value: row.document?.[field2.key],
-          document: row.document,
-          recordId: row.id,
-          withheld: withheldNoticeOf(row.hidden, field2.key),
-          ...format ? { format } : {}
-        }
-      ) }),
+      /* @__PURE__ */ jsxs23("span", { "aria-hidden": "true", inert: true, "data-records-cell-ghost": "", className: "pointer-events-none invisible flex w-full min-w-0 select-none items-center gap-1", children: [
+        /* @__PURE__ */ jsx28("span", { className: "block min-w-0 flex-1 truncate px-1 py-0.5", children: /* @__PURE__ */ jsx28(
+          RecordValue,
+          {
+            inCell: true,
+            field: field2,
+            value: row.document?.[field2.key],
+            document: row.document,
+            recordId: row.id,
+            withheld: withheldNoticeOf(row.hidden, field2.key),
+            ...format ? { format } : {}
+          }
+        ) }),
+        onAskWhoChanged ? /* @__PURE__ */ jsx28(WhoBadge, { field: field2, row, onAskWhoChanged: () => {
+        }, onPressedTwice: () => {
+        } }) : null
+      ] }),
       /* @__PURE__ */ jsx28(
         OpenCell,
         {
@@ -7267,7 +7293,7 @@ function GridCell({
   }
   if (editorKindFor(field2) === "checkbox") {
     const answered = value === true || value === false;
-    return /* @__PURE__ */ jsxs23("span", { "data-matrx-cell-control": "", className: "flex w-full flex-wrap items-center gap-1.5", children: [
+    return /* @__PURE__ */ jsxs23("span", { "data-matrx-cell-control": "", className: "relative flex w-full flex-wrap items-center gap-1.5", children: [
       /* @__PURE__ */ jsx28(
         Checkbox4,
         {
@@ -7284,9 +7310,9 @@ function GridCell({
     ] });
   }
   if (editable && format?.id === "rating") {
-    return /* @__PURE__ */ jsxs23("span", { "data-matrx-cell-control": "", className: "flex w-full flex-wrap items-center gap-1.5", children: [
+    return /* @__PURE__ */ jsxs23("span", { "data-matrx-cell-control": "", className: "relative flex w-full flex-wrap items-center gap-1.5", children: [
       /* @__PURE__ */ jsx28(FormattedValue, { value, format, onRate: (next) => editing?.setCell(row.id, field2.key, next), selectFirst: true }),
-      state === "saving" ? /* @__PURE__ */ jsx28("span", { className: "text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
+      state === "saving" ? /* @__PURE__ */ jsx28("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
       refusal4 ? /* @__PURE__ */ jsx28(CellRefusalNotice, { refusal: refusal4, field: field2, row, editing, typed: false }) : null
     ] });
   }
@@ -7399,7 +7425,7 @@ function GridCell({
               }
             ) : null
           ] }),
-          state === "saving" ? /* @__PURE__ */ jsx28("span", { className: "px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
+          state === "saving" ? /* @__PURE__ */ jsx28("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
           refusal4 ? /* @__PURE__ */ jsx28(CellRefusalNotice, { refusal: refusal4, field: field2, row, editing, typed: true }) : null
         ]
       }
@@ -7447,8 +7473,9 @@ function CellRefusalNotice({
         type: "button",
         "data-records-cell-refusal-line": "",
         title: line,
-        className: "block max-w-full truncate text-left text-[11px] text-destructive underline decoration-dotted underline-offset-2",
-        children: line
+        "aria-label": line,
+        className: "absolute right-1 top-1/2 z-10 flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded-full bg-destructive text-[10px] font-bold leading-none text-destructive-foreground",
+        children: "!"
       }
     ) }),
     /* @__PURE__ */ jsx28(
@@ -7483,12 +7510,12 @@ function WhoBadge({
       {
         type: "button",
         "data-records-who-badge": "",
-        "data-who-text": who.badge ?? "who?",
+        "data-who-text": who.badge ?? "",
         "aria-hidden": "true",
         tabIndex: -1,
         "aria-label": `Who changed ${fieldName(field2)}?`,
         title: who.sentence ?? `Who changed ${fieldName(field2)}? (Option-Shift-H)`,
-        className: "hidden max-w-[9rem] shrink-0 select-none truncate rounded px-1 text-[10px] leading-4 text-muted-foreground before:content-[attr(data-who-text)] hover:bg-muted in-data-[matrx-cell-active=true]:inline-flex",
+        className: "hidden max-w-[9rem] shrink-0 select-none items-center truncate rounded px-1 text-[10px] leading-4 text-muted-foreground before:content-[attr(data-who-text)] hover:bg-muted in-data-[matrx-cell-active=true]:inline-flex",
         onMouseEnter: ask,
         onClick: (event) => {
           event.preventDefault();
@@ -7500,7 +7527,11 @@ function WhoBadge({
           event.preventDefault();
           event.stopPropagation();
           onPressedTwice();
-        }
+        },
+        children: who.badge ? null : /* @__PURE__ */ jsxs23("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-records-who-glyph": "", children: [
+          /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "12", r: "9" }),
+          /* @__PURE__ */ jsx28("path", { d: "M12 7v5l3 2" })
+        ] })
       }
     )
   );
@@ -7675,7 +7706,7 @@ function OpenCell({
           }
         ),
         /* @__PURE__ */ jsxs23("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
-          picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ jsx28("span", { className: cn19("pointer-events-none text-[10px] text-muted-foreground", FLOATING_CELL_TRAY_PIECE_CLASS), "data-records-editor-hint": "", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs23("span", { className: cn19("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
+          picker || asksAboutAChoice(draft) ? null : blurCommits ? null : /* @__PURE__ */ jsxs23("span", { className: cn19("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
             /* @__PURE__ */ jsx28(Button10, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
             /* @__PURE__ */ jsx28(Button10, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
           ] }),
@@ -7710,9 +7741,19 @@ function rememberRowCount(key, count) {
 }
 
 // src/RecordsSkeleton.tsx
+import { useSyncExternalStore } from "react";
 import { cn as cn20, Skeleton as Skeleton2 } from "@ai-matrx/design-system";
 import { MatrxDataTable } from "@ai-matrx/design-system/data-table";
 import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+var NEVER = () => () => {
+};
+function useRememberedPageRows(tableId) {
+  return useSyncExternalStore(
+    NEVER,
+    () => tableId ? rememberedRowCount(`${tableId}:page:last`, 100, "fill") : "fill",
+    () => "fill"
+  );
+}
 var RECORDS_SKELETON_LAYOUTS = [
   "grid",
   "kanban",
@@ -7850,8 +7891,11 @@ function TablePageSkeleton({
   layout = "grid",
   embedded = false,
   rows,
+  tableId,
   className
 }) {
+  const remembered = useRememberedPageRows(embedded ? void 0 : tableId);
+  const painted = rows ?? (remembered === "fill" ? void 0 : remembered);
   return /* @__PURE__ */ jsx29("div", { className: cn20(TABLE_PAGE_FRAME_CLASS, className), "data-records-skeleton-page": layout, children: /* @__PURE__ */ jsxs24("div", { className: TABLE_PAGE_COLUMN_CLASS, children: [
     /* @__PURE__ */ jsxs24("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "data-records-skeleton-part": "toolbar", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm", className: "w-28" }),
@@ -7862,7 +7906,7 @@ function TablePageSkeleton({
         /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", className: "w-24" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx29("div", { className: "flex min-h-0 flex-1 flex-col gap-2", "data-table-records": "", children: /* @__PURE__ */ jsx29(RecordsSkeleton, { layout, embedded, ...rows !== void 0 ? { rows } : {} }) })
+    /* @__PURE__ */ jsx29("div", { className: "flex min-h-0 flex-1 flex-col gap-2", "data-table-records": "", children: /* @__PURE__ */ jsx29(RecordsSkeleton, { layout, embedded, ...painted !== void 0 ? { rows: painted } : {} }) })
   ] }) });
 }
 
@@ -16318,7 +16362,7 @@ function useEnrichCells(tableId, recordIds) {
   }, [refresh]);
   return { cells, refresh, error };
 }
-var NEVER = "Fill it in once and leave it alone";
+var NEVER2 = "Fill it in once and leave it alone";
 function EnrichPanel({ tableId, fieldId, className }) {
   const client = useRecordsClient30();
   const host = useRecordsUi();
@@ -16441,7 +16485,7 @@ function EnrichPanel({ tableId, fieldId, className }) {
           {
             id: "new-every",
             value: setup.every,
-            placeholder: NEVER,
+            placeholder: NEVER2,
             onChange: (e) => setDraft((prev) => ({ ...prev, [fieldId]: { ...setup, every: e.target.value } }))
           }
         )
@@ -16536,14 +16580,14 @@ function EnrichPanel({ tableId, fieldId, className }) {
               id: `every-${row.field_id}`,
               value: d.every,
               disabled: !rights.admin,
-              placeholder: NEVER,
+              placeholder: NEVER2,
               onChange: (e) => setDraft((prev) => ({
                 ...prev,
                 [row.field_id]: { ...d, every: e.target.value }
               }))
             }
           ),
-          /* @__PURE__ */ jsx57("p", { className: "text-[11px] text-muted-foreground", children: d.every ? `${d.every} days` : NEVER })
+          /* @__PURE__ */ jsx57("p", { className: "text-[11px] text-muted-foreground", children: d.every ? `${d.every} days` : NEVER2 })
         ] })
       ] }),
       /* @__PURE__ */ jsxs52("p", { className: "text-xs text-muted-foreground", children: [
@@ -16889,7 +16933,7 @@ function withTypeMark(field2, header) {
 }
 
 // src/ReverseColumns.tsx
-import { useCallback as useCallback21, useEffect as useEffect40, useMemo as useMemo27, useRef as useRef26, useState as useState49, useSyncExternalStore } from "react";
+import { useCallback as useCallback21, useEffect as useEffect40, useMemo as useMemo27, useRef as useRef26, useState as useState49, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { useFields as useFields6, useReverseColumns as useReverseColumns3, useReverseLinks, useTable as useTable4 } from "@ai-matrx/records/react";
 import { Button as Button34, Dialog as Dialog10, DialogContent as DialogContent10, DialogHeader as DialogHeader10, DialogTitle as DialogTitle10, Separator as Separator4, Skeleton as Skeleton5, cn as cn33 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -17009,8 +17053,8 @@ function ReverseCell({ held, column, rowId, tableId }) {
     },
     [held]
   );
-  const answer = useSyncExternalStore(subscribe, () => held.answers?.[column.key]?.[rowId]);
-  const reading = useSyncExternalStore(subscribe, () => held.reading);
+  const answer = useSyncExternalStore2(subscribe, () => held.answers?.[column.key]?.[rowId]);
+  const reading = useSyncExternalStore2(subscribe, () => held.reading);
   return /* @__PURE__ */ jsx59(ReverseLinkChips, { column, answer, loading: reading, clamp: { tableId, recordId: rowId } });
 }
 var EMPTY_COLUMNS = [];
@@ -19976,7 +20020,7 @@ function useGroupLabel(fields, groupKey) {
 }
 
 // src/gridUndo.tsx
-import { useCallback as useCallback23, useEffect as useEffect44, useLayoutEffect as useLayoutEffect2, useMemo as useMemo31, useRef as useRef28, useState as useState54, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect44, useLayoutEffect as useLayoutEffect3, useMemo as useMemo31, useRef as useRef28, useState as useState54, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import { tableShapeChanged as tableShapeChanged5, useRecordsClient as useRecordsClient34 } from "@ai-matrx/records/react";
 import { announceRecordChanged as announceRecordChanged2 } from "@ai-matrx/records/core";
 import { Button as Button38 } from "@ai-matrx/design-system";
@@ -20131,7 +20175,7 @@ function useUndoSource(undo) {
   );
   const { back, forward } = undo.depth;
   const busy = undo.busy;
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     const held = box.current.face;
     if (held.back === back && held.forward === forward && held.busy === busy) return;
     box.current.face = { back, forward, busy };
@@ -20140,7 +20184,7 @@ function useUndoSource(undo) {
   return source;
 }
 function UndoRedoLive({ source }) {
-  const face = useSyncExternalStore2(source.subscribe, source.face, source.face);
+  const face = useSyncExternalStore3(source.subscribe, source.face, source.face);
   return /* @__PURE__ */ jsx66(UndoRedoPair, { face, onUndo: source.undo, onRedo: source.redo });
 }
 function UndoRedoPair({ face, onUndo, onRedo }) {
@@ -23043,8 +23087,11 @@ function GridBody({
   const rowMemoryKey = `${tableId}:${embedded ? "embedded" : "page"}:${openingKey}`;
   const rowsAnswered = Boolean(records.data) && !records.loading && !table.loading && !fields.loading;
   useEffect47(() => {
-    if (rowsAnswered) rememberRowCount(rowMemoryKey, rows.length);
-  }, [rowsAnswered, rowMemoryKey, rows.length]);
+    if (rowsAnswered) {
+      rememberRowCount(rowMemoryKey, rows.length);
+      if (!embedded) rememberRowCount(`${tableId}:page:last`, rows.length);
+    }
+  }, [rowsAnswered, rowMemoryKey, rows.length, embedded, tableId]);
   if (table.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: fields.error, className });
   const nothingToShowYet = table.loading || fields.loading || !rights.known || records.loading && rows.length === 0 || // The page read has neither answered nor refused: nothing has been said yet, so nothing is empty.
@@ -24818,6 +24865,7 @@ import { BasicInput as BasicInput16, Button as Button50, Select as Select10, Sel
 
 // src/newTableColumns.ts
 import { RESOLVABLE_FIELD_TYPE_WORDS } from "@ai-matrx/records/templates";
+import { parseDelimited as parseDelimited2 } from "@ai-matrx/kit/delimited";
 var NEW_COLUMN_TYPES = [
   { type: "text", words: "Text" },
   { type: "rich_text", words: "Formatted text" },
@@ -24914,7 +24962,7 @@ function specsFrom(text) {
   let parts;
   const firstLine = trimmed.split(/\r?\n/)[0];
   if (firstLine.includes("	")) {
-    parts = firstLine.split("	");
+    parts = parseDelimited2(trimmed, { delimiter: "	", strayQuotes: "literal" }).data[0] ?? [];
   } else if (/\r?\n/.test(trimmed)) {
     parts = trimmed.split(/\r?\n/).map((line) => line.replace(BULLET, ""));
   } else {
@@ -47302,6 +47350,13 @@ var RAIL_TITLE = {
   "who-changed": "Who changed this",
   export: "Export"
 };
+function LookGlyph() {
+  return /* @__PURE__ */ jsxs144("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx155("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+    /* @__PURE__ */ jsx155("circle", { cx: "16", cy: "7", r: "2" }),
+    /* @__PURE__ */ jsx155("circle", { cx: "8", cy: "17", r: "2" })
+  ] });
+}
 function RailFrame({
   phone,
   title,
@@ -48133,7 +48188,7 @@ function TablePage({
   if (table.loading && !table.data) {
     return /* @__PURE__ */ jsxs144(Fragment64, { children: [
       headerNode,
-      /* @__PURE__ */ jsx155(TablePageSkeleton, { layout: skeletonLayoutFor(hostLayout ? "grid" : shownLayout), embedded, ...className ? { className } : {} })
+      /* @__PURE__ */ jsx155(TablePageSkeleton, { layout: skeletonLayoutFor(hostLayout ? "grid" : shownLayout), embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
@@ -48247,16 +48302,11 @@ function TablePage({
             ) : null,
             main === "records" && !hostLayout && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ jsx155(ViewFilter, { tableId, view: shown4, onApply: (where) => void patchView({ where }) }) : null,
             lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ jsx155("span", { className: "flex shrink-0 items-center", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: /* @__PURE__ */ jsxs144(DropdownMenu9, { children: [
-              /* @__PURE__ */ jsx155(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs144(Button105, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", title: LOOK_WORDS.yours, "data-view-look-menu": "", children: [
-                /* @__PURE__ */ jsx155("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-                LOOK_WORDS.folded,
-                /* @__PURE__ */ jsxs144("span", { className: "sr-only", children: [
-                  ": ",
-                  LOOK_WORDS.yours
-                ] })
+              /* @__PURE__ */ jsx155(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs144(Button105, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
+                /* @__PURE__ */ jsx155(LookGlyph, {}),
+                /* @__PURE__ */ jsx155("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
               ] }) }),
               /* @__PURE__ */ jsxs144(DropdownMenuContent9, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                /* @__PURE__ */ jsx155(DropdownMenuLabel3, { className: "text-xs font-normal text-muted-foreground", title: LOOK_WORDS.yours, children: LOOK_WORDS.yoursLabel }),
                 lookSavable ? /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
                 rights.write ? /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
                 /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
@@ -48265,10 +48315,7 @@ function TablePage({
               /* The reserved place keeps its full width at every row width (STABLE-TABLES): when it
                  shrank on a narrow row, the look arriving on a sort pushed every control after it.
                  A row too narrow for it scrolls sideways, as the row already does. */
-              /* @__PURE__ */ jsx155("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: /* @__PURE__ */ jsxs144(Button105, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", tabIndex: -1, children: [
-                /* @__PURE__ */ jsx155("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full" }),
-                LOOK_WORDS.folded
-              ] }) })
+              /* @__PURE__ */ jsx155("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: /* @__PURE__ */ jsx155(Button105, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ jsx155(LookGlyph, {}) }) })
             ) : lookShowing && main === "records" ? /* @__PURE__ */ jsxs144("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
               /* @__PURE__ */ jsx155("span", { className: "sr-only", children: LOOK_WORDS.yours }),
               /* @__PURE__ */ jsx155("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
@@ -48422,7 +48469,17 @@ function TablePage({
                 children: cameFromLine(cameFrom, activeGroupField ?? null, askedInWords)
               }
             ) : null,
-            faceUnknown ? /* @__PURE__ */ jsx155(RecordsSkeleton, { layout: skeletonLayoutFor(shownLayout), embedded }) : /* @__PURE__ */ jsx155(
+            faceUnknown ? (
+              /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
+              /* @__PURE__ */ jsx155(
+                RecordsSkeleton,
+                {
+                  layout: skeletonLayoutFor(shownLayout),
+                  embedded,
+                  ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
+                }
+              )
+            ) : /* @__PURE__ */ jsx155(
               ViewSwitcher,
               {
                 chooser: false,