# Docyrus UI — Web

> Documentation for the Docyrus web component library.
> Individual component docs are available at each page's /llms.txt endpoint.

- [Adaptive Card Designer](/docs/web/components/adaptive-card-designer/llms.txt): Visual drag-and-drop designer for Microsoft Adaptive Cards 1.5 / 1.6 payloads. Three-pane editor (toolbox · canvas · structure / properties) with paired JSON editors, live preview, undo / redo, and theme / width controls — backed by the in-repo Adaptive Card renderer.
- [Adaptive Card](/docs/web/components/adaptive-card/llms.txt): Renderer for Microsoft's Adaptive Cards 1.5 schema. Surfaces LLM-generated and Microsoft Teams payloads as native Docyrus UI with stateful inputs, validation, nested ShowCards, and action dispatch.
- [Avatar Select](/docs/web/components/avatar-select/llms.txt): Avatar Select component with multiple variants and sizes.
- [Avatar Thumbnail](/docs/web/components/avatar-thumbnail/llms.txt): Avatar Thumbnail component with multiple variants and sizes.
- [Awesome Card](/docs/web/components/awesome-card/llms.txt): A card with a hatched-stripe header and an inset content area, perfect for displaying stats and metrics.
- [Awesome Dialog](/docs/web/components/awesome-dialog/llms.txt): Awesome Dialog component.
- [Awesome Stats](/docs/web/components/awesome-stats/llms.txt): Data-driven metric cards with grid, flex, and animated tabs layouts.
- [Calendar](/docs/web/components/calendar/llms.txt): Calendar component.
- [Comments Panel](/docs/web/components/comments-panel/llms.txt): Comments Panel component.
- [Confirmation Button](/docs/web/components/confirmation-button/llms.txt): Confirmation Button component with multiple variants and sizes.
- [Contact Activity Panel](/docs/web/components/contact-activity-panel/llms.txt): Contact Activity Panel component.
- [Contact Channels Field](/docs/web/components/contact-channels-field/llms.txt): A backend-agnostic, fully controlled editor for a record's contact channels, their consent cache and validation status.
- [Create Record Dialog](/docs/web/components/create-record-dialog/llms.txt): Create Record Dialog component with multiple variants and sizes.
- [Data Gallery](/docs/web/components/data-gallery/llms.txt): A standalone, virtualized card gallery view for record lists. Toolbar-driven card design (variant, cover style, density, field bindings) plus full TanStack Table integration for sorting, filtering, grouping, and saved views.
- [Data Grid View Select](/docs/web/components/data-grid-view-select/llms.txt): A view selector with integrated view editor for DataGrid. Supports dropdown, horizontal-tabs, and vertical-tabs variants with full CRUD operations on saved views.
- [Data Grid](/docs/web/components/data-grid/llms.txt): A virtualized, editable spreadsheet-like data grid with sorting, filtering, grouping, cell selection, and keyboard navigation.
- [Data Import Wizard](/docs/web/components/data-import-wizard/llms.txt): Multi-step modal wizard that turns an Excel/CSV upload into Docyrus data source records — drag-drop, auto-mapped column→field assignment, per-type config, value-renderer preview, and a result summary.
- [Data Table Filter](/docs/web/components/data-table-filter/llms.txt): A composable filter bar for data tables with text, number, date, option, and multi-option column types.
- [Data Table Side Filters](/docs/web/components/data-table-side-filters/llms.txt): An always-visible side filter panel for e-commerce-style listings — covers every Docyrus field type and emits the same RuleGroupType JSON as the Query Builder.
- [Data Table](/docs/web/components/data-table/llms.txt): A lightweight, read-only TanStack table for Docyrus data sources with value renderers, row selection, grouping, and optional pagination.
- [Date Time Picker](/docs/web/components/date-time-picker/llms.txt): Date Time Picker component with multiple variants and sizes.
- [Date Time Range Picker](/docs/web/components/date-time-range-picker/llms.txt): Date Time Range Picker component with multiple variants and sizes.
- [Day Picker](/docs/web/components/day-picker/llms.txt): Day Picker component with multiple variants and sizes.
- [Delete Confirm Dialog](/docs/web/components/delete-confirm-dialog/llms.txt): Delete Confirm Dialog component with multiple variants and sizes.
- [Docyrus Data Source Picker](/docs/web/components/docyrus-data-source-picker/llms.txt): Docyrus Data Source Picker component with multiple variants and sizes.
- [Docyrus Icon](/docs/web/components/docyrus-icon/llms.txt): Docyrus Icon component with multiple variants and sizes.
- [Dummy Data Generator](/docs/web/components/dummy-data-generator/llms.txt): Multi-step modal wizard that generates Docyrus-compatible sample records — per-field strategies (text/number/date/enum/relation), value-renderer preview, and an opt-in batch save to the data source.
- [Duration Select](/docs/web/components/duration-select/llms.txt): Duration Select component with multiple variants and sizes.
- [Editable Record Detail](/docs/web/components/editable-record-detail/llms.txt): Inline record editing with change tracking, validation, hidden fields, and a floating action bar.
- [Editable Value](/docs/web/components/editable-value/llms.txt): Inline editable field with display/edit mode switching, popover auto-open, and change tracking.
- [Editor Agent](/docs/web/components/editor-agent/llms.txt): Editor Agent component.
- [Email Composer](/docs/web/components/email-composer/llms.txt): Rich text email composer with sender-account picker, formatting toolbar, recipients, attachments, and i18n support.
- [File Attachment Panel](/docs/web/components/file-attachment-panel/llms.txt): File Attachment Panel component.
- [Form Builder](/docs/web/components/form-builder/llms.txt): A drag-and-drop form designer with a field palette, canvas, properties panel, live preview and code export for TanStack Form, React Hook Form, Zod and raw useState.
- [Form Fields](/docs/web/components/form-fields/llms.txt): Dynamic form field system powered by TanStack Form. 49 field types with automatic dispatch via DynamicFormField.
- [Gantt](/docs/web/components/gantt/llms.txt): A Gantt chart component with drag-and-drop task scheduling, timeline zoom, custom markers, and sidebar navigation.
- [Handlebars Editor](/docs/web/components/handlebars-editor/llms.txt): A three-pane workbench for writing and rendering Handlebars templates — a JSON input pane, a template editor with IntelliSense, and a live output pane with HTML preview.
- [HTML Template Editor](/docs/web/components/html-template-editor/llms.txt): WYSIWYG document editor for authoring Handlebars-aware HTML templates (quotes, invoices, reports). Word-style A4 page surface, four tabs (Visual / Code / Data / Preview), variable & helper chips, slash-style triggers, and a data-driven Table dialog where users discover JSON paths, configure columns, and write free-form sum / aggregate expressions per row.
- [Image Editor](/docs/web/components/image-editor/llms.txt): An image editor with crop, brightness, saturation, contrast, and hue adjustments, supporting rectangle and circle stencils with zoom controls.
- [Overview](/docs/web/components/llms.txt): General-purpose UI components built with React, TypeScript, Tailwind CSS v4, and CVA variants.
- [Instant Message Composer](/docs/web/components/instant-message-composer/llms.txt): Composer for SMS and WhatsApp with channel switching, recipient chips, attachments, and SMS character counting.
- [Json Schema Designer](/docs/web/components/json-schema-designer/llms.txt): A row-based JSON Schema designer ported from extend-hq's schema-builder. Edit property name, type, description and enum values inline; add children directly from each container; preview the live JSON Schema in the side tab.
- [Json Schema Form](/docs/web/components/json-schema-form/llms.txt): Json Schema Form component with multiple variants and sizes.
- [Jsonata Editor](/docs/web/components/jsonata-editor/llms.txt): A three-pane workbench for writing and evaluating JSONata expressions — a JSON input pane, an expression editor with IntelliSense, and a live result pane.
- [Kanban](/docs/web/components/kanban/llms.txt): A drag-and-drop kanban board with sortable columns and items, column reordering, overlay previews, and final drop zones for archiving or completing tasks.
- [Log Activity Form](/docs/web/components/log-activity-form/llms.txt): Log Activity Form component.
- [Map](/docs/web/components/map/llms.txt): Interactive map component built on Leaflet with SSR-safe lazy loading, theme-aware tiles, marker clustering, drawing tools, custom controls, and geolocation.
- [Mega Select](/docs/web/components/mega-select/llms.txt): Mega Select component.
- [Morph Popover](/docs/web/components/morph-popover/llms.txt): Morph Popover component with multiple variants and sizes.
- [Notification Stack](/docs/web/components/notification-stack/llms.txt): A stacked notification card system with swipe-to-dismiss gestures, auto-pagination, action buttons, and animated transitions.
- [Notifications Panel](/docs/web/components/notifications-panel/llms.txt): Notifications Panel component with multiple variants and sizes.
- [Pivot Calendar](/docs/web/components/pivot-calendar/llms.txt): Calendar component that pivots time-based statistics across four layouts — full month, days of a week, days of a month, or months of a year — with grouping, tooltips, and local or remote aggregation.
- [PivotFilter](/docs/web/components/pivot-filter/llms.txt): Horizontal or vertical strip of count-tagged pills used to quickly slice a list by one dimension — status, user, date bucket, or any other categorical value.
- [Pivot Grid](/docs/web/components/pivot-grid/llms.txt): A standalone pivot grid with 3-level row and column hierarchies, subtotals, grand totals, drilldown, pinning, resizing, and export.
- [Place Autocomplete](/docs/web/components/place-autocomplete/llms.txt): Place Autocomplete component with multiple variants and sizes.
- [Pricing Engine Panel](/docs/web/components/pricing-engine-panel/llms.txt): Pricing Engine Panel component.
- [Query Builder](/docs/web/components/query-builder/llms.txt): Query Builder component.
- [Radio Group](/docs/web/components/radio-group/llms.txt): Radio Group component with multiple variants and sizes.
- [Record Activity Panel](/docs/web/components/record-activity-panel/llms.txt): Record Activity Panel component.
- [Record Delete Confirm Dialog](/docs/web/components/record-delete-confirm-dialog/llms.txt): Record Delete Confirm Dialog component.
- [Record Sharing](/docs/web/components/record-sharing/llms.txt): Record Sharing component.
- [Resource Scheduler Panel](/docs/web/components/resource-scheduler-panel/llms.txt): Resource Scheduler Panel component.
- [Schema Repeater](/docs/web/components/schema-repeater/llms.txt): Schema Repeater component with multiple variants and sizes.
- [Search Input](/docs/web/components/search-input/llms.txt): Search Input component with multiple variants and sizes.
- [Simple Markdown Editor](/docs/web/components/simple-markdown-editor/llms.txt): Simple Markdown Editor component with multiple variants and sizes.
- [Stepper](/docs/web/components/stepper/llms.txt): A multi-step progress indicator with 6 visual variants, horizontal/vertical orientation, animated transitions, and customizable step icons.
- [Team Chat Channel](/docs/web/components/team-chat-channel/llms.txt): Team Chat Channel component.
- [Time Slot Scheduler](/docs/web/components/time-slot-scheduler/llms.txt): Time Slot Scheduler component.
- [Timeline](/docs/web/components/timeline/llms.txt): Vertical timeline with status indicators, alternate layout, animated entrance, and custom content slots.
- [Tree Select](/docs/web/components/tree-select/llms.txt): A select dropdown backed by a tree. Single mode renders like Select; multi mode renders like Tag Select. Hierarchical search, expand-all and parent-cascade checking come from the embedded Tree View.
- [Tree Table](/docs/web/components/tree-table/llms.txt): Tree Table component with multiple variants and sizes.
- [Tree View](/docs/web/components/tree-view/llms.txt): Tree View component with multiple variants and sizes.
- [Value Renderers](/docs/web/components/value-renderers/llms.txt): Read-only value display system for table cells, detail views, and kanban cards. 44 renderer types with automatic dispatch via DynamicValue.
- [Bulk Update Dialog](/docs/web/docyrus/bulk-update-dialog/llms.txt): Bulk Update Dialog component.
- [Contact Channels Panel](/docs/web/docyrus/contact-channels-panel/llms.txt): A Docyrus-backed panel for managing a record's contact channels, the append-only consent ledger and the validation engine.
- [Docyrus Agent](/docs/web/docyrus/docyrus-agent/llms.txt): AI-powered conversational agent component with chat, action panel, and trigger modes.
- [Docyrus Data Export Menu](/docs/web/docyrus/docyrus-data-export-menu/llms.txt): Docyrus Data Export Menu component with multiple variants and sizes.
- [Docyrus Query Builder](/docs/web/docyrus/docyrus-query-builder/llms.txt): Visual query builder for Docyrus data sources — filters, columns, sorting, calculations, formulas, pivots, and child queries.
- [DSQL Editor](/docs/web/docyrus/dsql-editor/llms.txt): A two-pane workbench for writing and running DSQL (security-scoped SQL) over Docyrus data sources, with a result grid and an embedded AI agent.
- [Email Compose Dialog](/docs/web/docyrus/email-compose-dialog/llms.txt): A batteries-included launcher that opens the Docyrus EmailComposer (wired to the messaging API) inside a dialog, seeded with recipients/subject/body.
- [Overview](/docs/web/docyrus/llms.txt): Docyrus business components for building data-driven web applications.
- [Instant Message Compose Dialog](/docs/web/docyrus/instant-message-compose-dialog/llms.txt): A batteries-included launcher that opens the Docyrus InstantMessageComposer (SMS / WhatsApp) inside a dialog, seeded with recipients and body.
- [Record PDF Export](/docs/web/docyrus/record-pdf-export/llms.txt): A three-step wizard (Select a Template → Preview → PDF) that renders a Docyrus data source record to PDF using its saved HTML templates, with an optional editable-template mode.
- [Distributions](/docs/web/guide/distributions/llms.txt): Component distributions and core libraries that power Docyrus UI web components.
- [Examples & Recipes](/docs/web/guide/examples/llms.txt): Practical multi-component patterns and recipes for common UI scenarios.
- [Internationalization (i18n)](/docs/web/guide/i18n/llms.txt): How to add multi-language support to Docyrus UI components.
- [Installation](/docs/web/guide/installation/llms.txt): How to install and set up Docyrus UI components in your project.
- [Releases](/docs/web/guide/releases/llms.txt): Latest releases and updates for Docyrus UI web components.
- [Theming](/docs/web/guide/theming/llms.txt): Customize the look and feel of Docyrus UI components with CSS variables and the theme generator.
- [Troubleshooting](/docs/web/guide/troubleshooting/llms.txt): Common issues and solutions when using Docyrus UI web components.
- [Overview](/docs/web/hooks/llms.txt): Reusable React hooks for common patterns.
- [useAdaptiveCard](/docs/web/hooks/use-adaptive-card/llms.txt): Headless state, validation, visibility, and action dispatch for the Adaptive Cards 1.5 renderer. Drives the `AdaptiveCard` component and is exported so consumers can wire custom toolbars or server-side validation.
- [useClickOutside](/docs/web/hooks/use-click-outside/llms.txt): useClickOutside hook.
- [useDataExport](/docs/web/hooks/use-data-export/llms.txt): Project an in-memory array of rows through a column definition and trigger a browser download as CSV, JSON, Markdown, or XLSX.
- [useDateFormat](/docs/web/hooks/use-date-format/llms.txt): Provider-agnostic date / datetime / time formatting context for Docyrus UI components. Wired automatically by DocyrusTenantProvider, but works with any date library.
- [useDocyrusAdaptiveCardItemDetail](/docs/web/hooks/use-docyrus-adaptive-card-item-detail/llms.txt): Generate an Adaptive Card JSON payload from a Docyrus field list + a single record — mapping Docyrus field types onto the Adaptive Cards element vocabulary — and render it with the shared AdaptiveCard renderer.
- [useDocyrusAdaptiveCardItemList](/docs/web/hooks/use-docyrus-adaptive-card-item-list/llms.txt): Generate an array of Adaptive Card JSON payloads from a Docyrus field list + many records, and render them as a responsive grid, a stacked list, or a single Carousel card with the shared AdaptiveCard renderer.
- [useDocyrusAgentAttachments](/docs/web/hooks/use-docyrus-agent-attachments/llms.txt): useDocyrusAgentAttachments hook.
- [useDocyrusAgentInfo](/docs/web/hooks/use-docyrus-agent-info/llms.txt): useDocyrusAgentInfo hook.
- [useDocyrusAgentMemories](/docs/web/hooks/use-docyrus-agent-memories/llms.txt): useDocyrusAgentMemories hook.
- [useDocyrusAgentMemoryCandidates](/docs/web/hooks/use-docyrus-agent-memory-candidates/llms.txt): useDocyrusAgentMemoryCandidates hook.
- [useDocyrusAgentProjects](/docs/web/hooks/use-docyrus-agent-projects/llms.txt): useDocyrusAgentProjects hook.
- [useDocyrusAgentThreads](/docs/web/hooks/use-docyrus-agent-threads/llms.txt): useDocyrusAgentThreads hook.
- [useDocyrusCalendar](/docs/web/hooks/use-docyrus-calendar/llms.txt): Wire a Docyrus data source to a fully configured calendar with auto-detected date / title / user fields, view-aware date-range fetching, color mapping, and drag-and-drop persistence.
- [useDocyrusContactChannels](/docs/web/hooks/use-docyrus-contact-channels/llms.txt): useDocyrusContactChannels hook.
- [useDocyrusDataExport](/docs/web/hooks/use-docyrus-data-export/llms.txt): Server-side export for Docyrus data sources — POSTs a query payload to the export edge function and streams the result file straight to the browser.
- [useDocyrusDataGallery](/docs/web/hooks/use-docyrus-data-gallery/llms.txt): One-call wiring of a Docyrus data source to a fully configured DataGallery + toolbar (DataGridViewSelect, search, filters, sort, group, gallery display menu, card config menu) — including row fetching, saved views, pivot filters, and automatic card field detection.
- [useDocyrusDataGrid](/docs/web/hooks/use-docyrus-data-grid/llms.txt): One-call wiring of a Docyrus data source to a fully configured DataGrid + toolbar (DataGridViewSelect, search, filters, group, sort, row height, display) — including row fetching with view-derived query parameters.
- [useDocyrusDataImportWizard](/docs/web/hooks/use-docyrus-data-import-wizard/llms.txt): One-call wiring of a Docyrus data source to the DataImportWizard — handles upload, analyse, mapping, preview, and import in a single guided flow.
- [useDocyrusDataSourceJsonSchema](/docs/web/hooks/use-docyrus-data-source-json-schema/llms.txt): Generate a JSON Schema (object schema, properties keyed by field slug) from a Docyrus data source field list.
- [useDocyrusDataTable](/docs/web/hooks/use-docyrus-data-table/llms.txt): One-call wiring of a Docyrus data source to a fully configured DataTable + toolbar (DataGridViewSelect, search, filters, group, sort) — including row fetching with view-derived query parameters and an optional side-panel filter rail.
- [useDocyrusDataViewSelect](/docs/web/hooks/use-docyrus-data-view-select/llms.txt): Fetch data source fields and saved views from Docyrus and wire them into DataGridViewSelect with a single hook.
- [useDocyrusDummyDataGeneratorWizard](/docs/web/hooks/use-docyrus-dummy-data-generator-wizard/llms.txt): One-call wiring of a Docyrus data source to the DummyDataGenerator — handles field-aware strategies, deterministic generation, preview, and batch insert in a single guided flow.
- [useDocyrusEmailComposer](/docs/web/hooks/use-docyrus-email-composer/llms.txt): Wire an `<EmailComposer />` to the Docyrus messaging API — loads sender accounts, lets the user pick a From address, and ships emails through `/v1/messaging/email/accounts/{id}/send`.
- [useDocyrusFieldComponent](/docs/web/hooks/use-docyrus-field-component/llms.txt): Resolve the right UI component (form input, value renderer, data-grid cell, editable value, or TanStack column def builder) for any Docyrus data source field type.
- [useDocyrusFormView](/docs/web/hooks/use-docyrus-form-view/llms.txt): One-call wiring of a Docyrus data source item to create, edit, and read-only layouts with shared field-component mapping, item loading, option hydration, and submit handling.
- [useDocyrusInstantMessageComposer](/docs/web/hooks/use-docyrus-instant-message-composer/llms.txt): useDocyrusInstantMessageComposer hook.
- [useDocyrusInventory](/docs/web/hooks/use-docyrus-inventory/llms.txt): Shared app-utils inventory cache for Docyrus metadata (apps, data sources with fields/enums/views/forms, users, brands, preferences) plus a post-sign-in load() warm-up hook that drives an application loading dialog.
- [useDocyrusKanban](/docs/web/hooks/use-docyrus-kanban/llms.txt): One-call wiring of a Docyrus data source to a fully configured Kanban board with select/status/radio-group, user, and date columns, drag-to-update persistence, final-zone integration, and a standard Docyrus card layout.
- [useDocyrusMapView](/docs/web/hooks/use-docyrus-map-view/llms.txt): Build Docyrus-backed map pages from a locationSelect field with saved views, marker models, and ready-to-render Leaflet or Google Maps canvases.
- [useDocyrusPivotCalendar](/docs/web/hooks/use-docyrus-pivot-calendar/llms.txt): Wires the PivotCalendar component to a Docyrus data source using the items endpoint's pivot parameter for server-side aggregation.
- [useDocyrusPivotFilter](/docs/web/hooks/use-docyrus-pivot-filter/llms.txt): Wire a Docyrus data source to a `<PivotFilter>` strip — auto-detects the field type, runs a pivot/aggregate query, transforms results into pill items, and emits filter rules ready to merge into a grid query.
- [useDocyrusPivotGrid](/docs/web/hooks/use-docyrus-pivot-grid/llms.txt): Wires the PivotGrid component to a Docyrus data source with optional server-side aggregation via pivot.matrix + calculations.
- [useDocyrusTenant](/docs/web/hooks/use-docyrus-tenant/llms.txt): Single-line tenant integration that fetches tenant preferences, builds dateUtils + numberUtils, and wires DateFormatProvider + NumberFormatProvider so every UI component (data grids, calendars, filters, value renderers) picks up the tenant's configured date/time/number formats automatically.
- [useDynamicFormView](/docs/web/hooks/use-dynamic-form-view/llms.txt): Backend-agnostic dynamic form renderer — the sibling of useDocyrusFormView with no Docyrus wiring. Supply fields, values, options, and an onSubmit sink to render create/edit/view forms against any backend.
- [useLocalDataSourceDataGrid](/docs/web/hooks/use-local-data-source-data-grid/llms.txt): Wire a LocalDataSource object into the Docyrus DataGrid hook stack, including toolbar search, filters, sorting, grouping, saved views, and local CRUD.
- [useLocalDataSource](/docs/web/hooks/use-local-data-source/llms.txt): Create an in-memory Docyrus-compatible data source from a JSON array, with local CRUD and Docyrus-style query parameters.
- [useNumberFormat](/docs/web/hooks/use-number-format/llms.txt): Provider-agnostic number formatting context for Docyrus UI components. Mirror of useDateFormat — wired automatically by DocyrusTenantProvider, but works with any number formatting library.
- [useParameterPersistence](/docs/web/hooks/use-parameter-persistence/llms.txt): useParameterPersistence hook.
- [useSpeechRecognition](/docs/web/hooks/use-speech-recognition/llms.txt): useSpeechRecognition hook.
- [useUiTranslation](/docs/web/hooks/use-ui-translation/llms.txt): useUiTranslation hook.