نواة الواجهة

266 سلوكًا · std/behaviors

في هذه الصفحة

atoms

`std-app-layout`

dashboard-layout chrome (sidebar nav + top bar with search + topBarActions + notifications) wrapping a single contentTrait slot. Use for list-style apps (CMS / helpdesk / CRM) and account/settings pages: the chrome stays stable while the consumer's content trait renders the data, and the consumer can add domain icons (cart / profile / help) via topBarActions. Bind once per orbital — the consumer rebinds linkedEntity via XAppLayout = AppShell.traits.AppLayout -> XEntity so multiple orbitals in one file each get their own chrome without colliding on a shared atom entity.

lolo

uses AppLayout from "std/behaviors/std-app-layout"

الكيان: AppLayoutData (runtime)

السمات

السمة	الأحداث	يبثّ
`AppLayout`	لا شيء	`SEARCH`, `NOTIFY_CLICK`, `AppLayoutStateLoaded`, `AppLayoutStateLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`AppLayout`	`accessDeniedDescription`	`string`	Access-denied message
`AppLayout`	`accessDeniedTitle`	`string`	Access-denied title
`AppLayout`	`allowedRoles`	`[string]`	Who may open this page?
`AppLayout`	`appName`	`string`	What should this app be called?
`AppLayout`	`contentClassName`	`string`	Content wrapper class
`AppLayout`	`contentTrait`	`trait`	Content trait
`AppLayout`	`currentPath`	`string`	Current path
`AppLayout`	`layoutMode`	`string`	Where should navigation be placed?
`AppLayout`	`layoutPattern`	`pattern`	Layout pattern
`AppLayout`	`navItems`	`[NavItem]`	Which sections appear in the sidebar?
`AppLayout`	`notificationClickEvent`	`event`	Notification click event
`AppLayout`	`notifications`	`[NotificationSpec]`	What notifications should appear?
`AppLayout`	`searchEvent`	`event`	Search event
`AppLayout`	`sidebarTrait`	`trait`	Sidebar trait
`AppLayout`	`theme`	`string`	Theme
`AppLayout`	`topBarActions`	`[ItemAction]`	What shortcuts go in the top bar?
`AppLayout`	`viewerAvatar`	`string`	Signed-in avatar
`AppLayout`	`viewerEmail`	`string`	Signed-in email
`AppLayout`	`viewerName`	`string`	Who is signed in
`AppLayout`	`viewerRole`	`string`	Viewer's role

`std-app-search`

reusable global search: wraps a host content view and, on a SEARCH trigger, fetches the linked entity filtered by @config.searchField and renders the matching results, then CLEAR_SEARCH returns to the host view. Rebind to any entity; point @config.idleContent at the normal view and wire a trigger (e.g. AppLayout SEARCH) into SEARCH.

lolo

uses AppSearch from "std/behaviors/std-app-search"

الكيان: AppSearchTarget (runtime)

السمات

السمة	الأحداث	يبثّ
`AppSearchIdleHint`	لا شيء	لا شيء
`AppSearch`	`APP_SEARCH`, `CLEAR_SEARCH`	`AppSearchLoaded`, `AppSearchFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`AppSearch`	`idleContent`	`trait`	Idle content
`AppSearch`	`resultActions`	`[AppSearchActionSpec]`	Result row actions
`AppSearch`	`resultFields`	`[AppSearchFieldSpec]`	Result columns
`AppSearch`	`resultsTitle`	`string`	Results title
`AppSearch`	`searchField`	`string`	Search field
`AppSearch`	`viewerRole`	`string`	Viewer's role

`std-billable-hour`

generic billable-hour timesheet primitive for legal, agency, and consulting domains. Lists entries in browsing; opens entry detail in viewing_single with Invoice / Write Off actions.

lolo

uses BillableHour from "std/behaviors/std-billable-hour"

الكيان: BillableHour (persistent)

السمات

السمة	الأحداث	يبثّ
`DenseHoursTable`	لا شيء	لا شيء
`BillableHourTimesheet`	لا شيء	`OPEN_HOURS`, `CLOSE_VIEW`, `INVOICE_HOURS`, `WRITE_OFF_HOURS`, `BillableHourLoaded`, `BillableHourLoadFailed`
`InlineButtonRender1`	لا شيء	لا شيء
`InlineRoleGate2`	لا شيء	لا شيء
`InlineButtonRender3`	لا شيء	لا شيء
`InlineRoleGate4`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`DenseHoursTable`	`columns`	`unknown`
`DenseHoursTable`	`emptyMessage`	`unknown`
`DenseHoursTable`	`itemActions`	`unknown`
`DenseHoursTable`	`look`	`unknown`
`DenseHoursTable`	`maxInlineActions`	`unknown`
`DenseHoursTable`	`selfFetch`	`unknown`
`DenseHoursTable`	`viewerRole`	`unknown`
`BillableHourTimesheet`	`columns`	`[ColumnSpec]`	Table columns
`BillableHourTimesheet`	`invoiceRoles`	`[string]`	Roles that can invoice
`BillableHourTimesheet`	`itemActions`	`[ItemAction]`	Row actions
`BillableHourTimesheet`	`showHeader`	`boolean`	Show the list's own title row?
`BillableHourTimesheet`	`statLook`	`string`	Stat display look
`BillableHourTimesheet`	`tableLook`	`string`	Table look
`BillableHourTimesheet`	`title`	`string`	Section title
`BillableHourTimesheet`	`viewerRole`	`string`	Viewer's role
`BillableHourTimesheet`	`writeOffRoles`	`[string]`	Roles that can write off
`InlineButtonRender1`	`action`	`unknown`
`InlineButtonRender1`	`actionPayload`	`unknown`
`InlineButtonRender1`	`label`	`unknown`
`InlineButtonRender1`	`variant`	`unknown`
`InlineRoleGate2`	`content`	`unknown`
`InlineRoleGate2`	`roles`	`unknown`
`InlineRoleGate2`	`viewerRole`	`unknown`
`InlineButtonRender3`	`action`	`unknown`
`InlineButtonRender3`	`actionPayload`	`unknown`
`InlineButtonRender3`	`label`	`unknown`
`InlineButtonRender3`	`variant`	`unknown`
`InlineRoleGate4`	`content`	`unknown`
`InlineRoleGate4`	`roles`	`unknown`
`InlineRoleGate4`	`viewerRole`	`unknown`

`std-board`

generic N-column board primitive. config.columns is an array of column definitions ({ key, label, icon, variant }); the trait array/maps them on BoardItemsLoaded into @entity.boards where each board carries its filtered items + a count. The render is a data-grid over @entity.boards (one card per column) whose renderItem lambda nests a data-list over @col.items (the cards in that stage). N is config-driven — pass any number of columns; the outer data-grid's cols is bound to @config.gridCols so the grid wraps if you exceed it. Topology = loading / viewing_board / viewing_card / adding / error — distinct from the cookie-cutter loading/browsing/viewing_single/error CRUD shape. App-level atoms (e.g. std-pipeline) compose std-board via uses and add a sibling persistor + extended source entity. config.boardLook switches the board body between the default N-column grid ('columns') and a Trello-style wide-column kanban ('kanban-classic'). viewing_board listens for REFETCH_QUERY/REFETCH_FILTER/REFETCH_PAGE (the std-search/std-filter/std-pagination wiring targets, no render on refetch — @entity.boards is bound reactively) and can optionally render its own search box (config.bodySearch, default false) and filter bar (config.filters, default []); no pagination control is rendered — a board's columns are not a paged list.

lolo

uses Board from "std/behaviors/std-board"

الكيان: BoardView (persistent)

السمات

السمة	الأحداث	يبثّ
`BoardItemBoard`	`REORDER_POSITION`, `REFETCH_QUERY`, `REFETCH_FILTER`, `REFETCH_PAGE`	`OPEN_CARD`, `CLOSE_CARD`, `ADD_CARD`, `CANCEL_ADD`, `SAVE_CARD`, `MOVE_CARD`, `REORDER_CARD`, `DELETE_CARD`, `EDIT_CARD`, `BoardItemsLoaded`, `BoardItemsLoadFailed`, `BoardItemsSaved`, `BoardItemDeleted`, `BoardItemsSaveFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`BoardItemBoard`	`addPlacement`	`string`	Add button placement
`BoardItemBoard`	`boardLook`	`string`	Board look
`BoardItemBoard`	`bodyContent`	`render-ui`	Body content tree
`BoardItemBoard`	`bodySearch`	`boolean`	Show the board's own search box?
`BoardItemBoard`	`cardActions`	`[ItemAction]`	Card panel action list
`BoardItemBoard`	`cardActionsContent`	`render-ui`	Card panel actions
`BoardItemBoard`	`cardDescriptionBinding`	`string`	Card description binding
`BoardItemBoard`	`cardIdBinding`	`string`	Card id binding
`BoardItemBoard`	`cardLook`	`string`	Card look
`BoardItemBoard`	`cardNotesBinding`	`string`	Card notes binding
`BoardItemBoard`	`cardStageBinding`	`string`	Card stage binding
`BoardItemBoard`	`cardTitleBinding`	`string`	Card title binding
`BoardItemBoard`	`columns`	`[ColumnSpec]`	Columns
`BoardItemBoard`	`filterBarLook`	`string`	Filter bar look
`BoardItemBoard`	`filters`	`[FilterSpec]`	Which filters should appear above the board?
`BoardItemBoard`	`formFields`	`[string]`	New-card fields
`BoardItemBoard`	`gridCols`	`number`	Grid columns
`BoardItemBoard`	`groupByField`	`string`	Group-by field
`BoardItemBoard`	`include`	`[string]`	Which relation fields to hydrate?
`BoardItemBoard`	`kanbanClassicBodyContent`	`render-ui`	Kanban classic body content tree
`BoardItemBoard`	`pageSize`	`number`	Fetch page size
`BoardItemBoard`	`searchField`	`string`	Which column does the search box match against?
`BoardItemBoard`	`searchPlaceholder`	`string`	Search box placeholder text
`BoardItemBoard`	`showHeader`	`boolean`	Show the board's own title row?
`BoardItemBoard`	`title`	`string`	Board title
`BoardItemBoard`	`viewerRole`	`string`	Viewer's role

`std-book-reader`

reads a multi-chapter book one chapter at a time. Opens on a cover (cover image, title, subtitle, author, a start button and the table of contents); reading shows a contents rail with the current chapter marked, the chapter title and progress, the chapter text (markdown) and previous/next buttons. Supports right-to-left books. Emits CHAPTER_OPENED on every chapter change. Pick for handbooks, manifestos, course readers and long-form guides.

lolo

uses BookReader from "std/behaviors/std-book-reader"

الكيان: BookReaderView (runtime)

السمات

السمة	الأحداث	يبثّ
`BookReaderRead`	`START_READING`, `OPEN_CHAPTER`, `NEXT_CHAPTER`, `PREV_CHAPTER`, `BACK_TO_COVER`	`CHAPTER_OPENED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`BookReaderRead`	`author`	`string`	Author
`BookReaderRead`	`chapters`	`[BookChapter]`	Chapters
`BookReaderRead`	`contentsLabel`	`string`	Contents heading
`BookReaderRead`	`coverContent`	`render-ui`	Cover body
`BookReaderRead`	`coverImage`	`string`	Cover image
`BookReaderRead`	`coverLabel`	`string`	Back-to-cover label
`BookReaderRead`	`direction`	`string`	Text direction
`BookReaderRead`	`nextLabel`	`string`	Next button label
`BookReaderRead`	`opensAt`	`string`	Opens at
`BookReaderRead`	`previousLabel`	`string`	Previous button label
`BookReaderRead`	`readingContent`	`render-ui`	Reading body
`BookReaderRead`	`startLabel`	`string`	Start button label
`BookReaderRead`	`subtitle`	`string`	Subtitle
`BookReaderRead`	`title`	`string`	Title

`std-browse`

single primitive: data-grid. Owns the fetch + REFETCH (query/filter/page) state machine. Consumers configure fields/imageField/itemActions/cols/gap/variant; the atom renders the grid. Each fields[] entry accepts { name, label, variant } plus optional referenceEntity + displayField to render a foreign-key column as the joined entity's display value (data-grid resolves @list[referenceEntity] at render time when both keys are present). browseLook (table default / dense / feed / gallery / master-detail / triage) selects one of six render bodies; dense/feed/gallery were folded in from std-browse-dense/-feed/-gallery (Phase 5.B); master-detail (split record view driven by the guarded VIEW/CLOSE self-transitions) and triage (inbox rows) were folded in 2026-07-26. Consumers retarget by setting browseLook.

lolo

uses Browse from "std/behaviors/std-browse"

الكيان: BrowseItem (runtime)

السمات

السمة	الأحداث	يبثّ
`MasterListView`	لا شيء	لا شيء
`BrowseItemBrowse`	`REFETCH_QUERY`, `REFETCH_FILTER`, `REFETCH_PAGE`, `CLOSE`	`BrowseItemLoaded`, `BrowseItemLoadFailed`, `VIEW`, `EDIT`, `DELETE`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`MasterListView`	`fields`	`unknown`
`MasterListView`	`itemActions`	`unknown`
`MasterListView`	`itemClickEvent`	`unknown`
`MasterListView`	`maxInlineActions`	`unknown`
`MasterListView`	`selfFetch`	`unknown`
`MasterListView`	`surface`	`unknown`
`MasterListView`	`variant`	`unknown`
`MasterListView`	`viewerRole`	`unknown`
`BrowseItemBrowse`	`bodyContent`	`render-ui`	Body content tree
`BrowseItemBrowse`	`bodySearch`	`boolean`	Show the list's own search box?
`BrowseItemBrowse`	`browseLook`	`string`	Browse look
`BrowseItemBrowse`	`cols`	`number`	How many columns in the grid?
`BrowseItemBrowse`	`columns`	`[ColumnSpec]`	Table columns
`BrowseItemBrowse`	`denseBodyContent`	`render-ui`	Dense look body
`BrowseItemBrowse`	`detailActions`	`[BrowseDetailAction]`	Master-detail record pane actions
`BrowseItemBrowse`	`detailCloseEvent`	`event`	Which pane action closes the record?
`BrowseItemBrowse`	`detailFields`	`[FieldSpec]`	Which fields appear in the master-detail record pane?
`BrowseItemBrowse`	`displayPageSize`	`number`	How many rows to show at once?
`BrowseItemBrowse`	`emptyDescription`	`string`	Empty-state description
`BrowseItemBrowse`	`emptyIcon`	`icon`	Empty-state icon
`BrowseItemBrowse`	`emptyTitle`	`string`	Empty-state title
`BrowseItemBrowse`	`feedBodyContent`	`render-ui`	Feed look body
`BrowseItemBrowse`	`feedSurface`	`string`	How are feed items separated?
`BrowseItemBrowse`	`fields`	`[FieldSpec]`	Which fields should appear as columns?
`BrowseItemBrowse`	`filterBarLook`	`string`	Filter bar look
`BrowseItemBrowse`	`filters`	`[FilterSpec]`	Which filters should appear above the list?
`BrowseItemBrowse`	`galleryBodyContent`	`render-ui`	Gallery look body
`BrowseItemBrowse`	`gap`	`string`	Spacing between rows
`BrowseItemBrowse`	`imageField`	`string`	Which field holds the row image?
`BrowseItemBrowse`	`include`	`[string]`	Which relation fields to hydrate?
`BrowseItemBrowse`	`initialFilterField`	`string`	Which field does the first load filter on?
`BrowseItemBrowse`	`initialFilterValue`	`string`	What value does the first load filter for?
`BrowseItemBrowse`	`itemActions`	`[ItemAction]`	What actions can users take on each row?
`BrowseItemBrowse`	`itemClickEvent`	`event`	Which event does clicking a row fire?
`BrowseItemBrowse`	`masterDetailBodyContent`	`render-ui`	Master-detail look body (no selection)
`BrowseItemBrowse`	`masterDetailRecordBodyContent`	`render-ui`	Master-detail look body (record open)
`BrowseItemBrowse`	`maxInlineActions`	`number`	How many row actions to show before collapsing?
`BrowseItemBrowse`	`pageSize`	`number`	How many rows to fetch per page?
`BrowseItemBrowse`	`scopeField`	`string`	Only show records owned by the signed-in user?
`BrowseItemBrowse`	`searchField`	`string`	Which column does the search box match against?
`BrowseItemBrowse`	`searchPlaceholder`	`string`	Search box placeholder text
`BrowseItemBrowse`	`selectable`	`boolean`	Show row selection checkboxes?
`BrowseItemBrowse`	`surface`	`string`	Paint a surface behind the list?
`BrowseItemBrowse`	`triageBodyContent`	`render-ui`	Triage look body
`BrowseItemBrowse`	`viewerRole`	`string`	Viewer's role

`std-calendar`

owns the fetch + SELECT_DAY state machine; default bodyContent renders the month-grid + upcoming-events tree. config.calendarLook switches the body between the default month-grid ('month'), a day-grouped agenda list ('agenda-list'), and a 7-column week timeline ('week-timeline') while inheriting the same trait, state machine, emits, and listens.

lolo

uses Calendar from "std/behaviors/std-calendar"

الكيان: CalendarEvent (runtime)

السمات

السمة	الأحداث	يبثّ
`CalendarEventCalendar`	`SELECT_DAY`, `CALENDAR_PREV_WEEK`, `CALENDAR_NEXT_WEEK`, `REFETCH_QUERY`, `REFETCH_FILTER`, `RETRY`, `SELECT_SLOT`	`CalendarEventLoaded`, `CalendarEventLoadFailed`, ``

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`CalendarEventCalendar`	`agendaGroupBy`	`string`	Agenda group-by field
`CalendarEventCalendar`	`agendaItemActions`	`[ItemAction]`	Agenda item actions
`CalendarEventCalendar`	`agendaListBodyContent`	`render-ui`	Agenda list body content tree
`CalendarEventCalendar`	`badgeBinding`	`string`	Badge binding
`CalendarEventCalendar`	`bodyContent`	`render-ui`	Body content tree
`CalendarEventCalendar`	`bodySearch`	`boolean`	Show the calendar's own search box?
`CalendarEventCalendar`	`calendarLook`	`string`	Calendar look
`CalendarEventCalendar`	`descriptionBinding`	`string`	Description binding
`CalendarEventCalendar`	`fields`	`[FieldSpec]`	Upcoming-events columns
`CalendarEventCalendar`	`filterBarLook`	`string`	Filter bar look
`CalendarEventCalendar`	`filters`	`[FilterSpec]`	Which filters should appear above the calendar?
`CalendarEventCalendar`	`include`	`[string]`	Which relation fields to hydrate?
`CalendarEventCalendar`	`onEventClick`	`event`	On Event Click
`CalendarEventCalendar`	`searchField`	`string`	Which column does the search box match against?
`CalendarEventCalendar`	`searchPlaceholder`	`string`	Search box placeholder text
`CalendarEventCalendar`	`startField`	`string`	Start field
`CalendarEventCalendar`	`tableLook`	`string`	Table look
`CalendarEventCalendar`	`timeBinding`	`string`	Time binding
`CalendarEventCalendar`	`title`	`string`	Title
`CalendarEventCalendar`	`titleBinding`	`string`	Title binding
`CalendarEventCalendar`	`viewerRole`	`string`	Viewer's role
`CalendarEventCalendar`	`weekTimelineBodyContent`	`render-ui`	Week timeline body content tree

`std-card-grid`

a titled grid of content cards from a config list. Each card can carry an image (screenshots, portfolio, case studies), a portrait (team members), an icon, a badge, a title, a description and a link. look picks media cards, centered profile cards, or plain text cards. Pick for showcases, team pages, case studies, service catalogs and testimonials.

lolo

uses CardGrid from "std/behaviors/std-card-grid"

الكيان: CardGridView (runtime)

السمات

السمة	الأحداث	يبثّ
`CardGridRender`	`CARD_OPEN`	`CARD_OPENED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`CardGridRender`	`alignment`	`string`	Heading alignment
`CardGridRender`	`columns`	`number`	Max columns
`CardGridRender`	`heading`	`string`	Heading
`CardGridRender`	`items`	`[CardItem]`	Cards
`CardGridRender`	`lede`	`string`	Supporting text
`CardGridRender`	`look`	`string`	Card look
`CardGridRender`	`surface`	`string`	Surface

`std-confirmation`

std-confirmation as a Function

lolo

uses Confirmation from "std/behaviors/std-confirmation"

الكيان: ConfirmAction (runtime)

السمات

السمة	الأحداث	يبثّ
`ConfirmActionConfirmation`	`REQUEST`, `CLOSE`	`CONFIRM`, `CANCEL`, `ConfirmActionLoadFailed`, `ConfirmActionLoaded`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ConfirmActionConfirmation`	`alertMessage`	`string`	Alert message
`ConfirmActionConfirmation`	`confirmLabel`	`string`	Confirm button
`ConfirmActionConfirmation`	`icon`	`string`	Icon
`ConfirmActionConfirmation`	`title`	`string`	Modal title

`std-dashboard-grid-embedded`

embeddable sibling of std-dashboard-grid-layout. Renders the same toolbar / filter / 12-tile grid contract WITHOUT wrapping it in dashboard-layout chrome (no sidebar, no appName, no nav). Use inside another app shell that already owns the surrounding chrome.

lolo

uses DashboardGridEmbedded from "std/behaviors/std-dashboard-grid-embedded"

الكيان: DashboardGridEmbeddedData (runtime)

السمات

السمة	الأحداث	يبثّ
`SimpleGrid1`	لا شيء	لا شيء
`EmptyTile`	لا شيء	لا شيء
`DashboardGridEmbedded`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SimpleGrid1`	`children`	`unknown`
`SimpleGrid1`	`minChildWidth`	`unknown`
`DashboardGridEmbedded`	`filter1Trait`	`trait`	Filter slot 1
`DashboardGridEmbedded`	`filter2Trait`	`trait`	Filter slot 2
`DashboardGridEmbedded`	`filter3Trait`	`trait`	Filter slot 3
`DashboardGridEmbedded`	`filter4Trait`	`trait`	Filter slot 4
`DashboardGridEmbedded`	`minTileWidth`	`string`	Tile min width
`DashboardGridEmbedded`	`theme`	`string`	Theme
`DashboardGridEmbedded`	`tile10Trait`	`trait`	Tile slot 10
`DashboardGridEmbedded`	`tile11Trait`	`trait`	Tile slot 11
`DashboardGridEmbedded`	`tile12Trait`	`trait`	Tile slot 12
`DashboardGridEmbedded`	`tile1Trait`	`trait`	Tile slot 1
`DashboardGridEmbedded`	`tile2Trait`	`trait`	Tile slot 2
`DashboardGridEmbedded`	`tile3Trait`	`trait`	Tile slot 3
`DashboardGridEmbedded`	`tile4Trait`	`trait`	Tile slot 4
`DashboardGridEmbedded`	`tile5Trait`	`trait`	Tile slot 5
`DashboardGridEmbedded`	`tile6Trait`	`trait`	Tile slot 6
`DashboardGridEmbedded`	`tile7Trait`	`trait`	Tile slot 7
`DashboardGridEmbedded`	`tile8Trait`	`trait`	Tile slot 8
`DashboardGridEmbedded`	`tile9Trait`	`trait`	Tile slot 9
`DashboardGridEmbedded`	`toolbar1Trait`	`trait`	Toolbar slot 1
`DashboardGridEmbedded`	`toolbar2Trait`	`trait`	Toolbar slot 2
`DashboardGridEmbedded`	`toolbar3Trait`	`trait`	Toolbar slot 3

`std-date-range`

compact calendar button (Looker / Tableau shape) that opens a popover containing the date-range-picker. Owns a DateRange runtime entity; DATE_RANGE_CHANGED persists @payload.from + @payload.to so cross-trait listeners can route the range into data atoms (Browse REFETCH_FILTER, Stats / Graphs requery).

lolo

uses DateRange from "std/behaviors/std-date-range"

الكيان: DateRange (runtime)

السمات

السمة	الأحداث	يبثّ
`DateRangeFilter`	`OPEN_DATE_RANGE`	`DATE_RANGE_CHANGED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`DateRangeFilter`	`buttonLabel`	`string`	Trigger button
`DateRangeFilter`	`event`	`event`	Change event
`DateRangeFilter`	`fromLabel`	`string`	Start-date label
`DateRangeFilter`	`toLabel`	`string`	End-date label

`std-detail-layout`

detail-page chrome band (back button + navigation-stack breadcrumb trail) above a single contentTrait slot. Use as the contentTrait of a detail page's AppShell binding: the band renders Contracts › Contract details (phones: ← Back) from the orbital-scoped client navigation stack (session history, seeded from declared page-path ancestry on cold loads — the trail is never empty), and the consumer's detail trait renders below it. Back pops the stack; crumb clicks navigate to their level; a list router's (navigate path payload { crumb: ?row.title }) labels the detail crumb with the real record title. Bind once per detail page — XDetailLayout = DetailShell.traits.DetailLayout with contentTrait: @trait.XDetail.

lolo

uses DetailLayout from "std/behaviors/std-detail-layout"

الكيان: DetailLayoutData (runtime)

السمات

السمة	الأحداث	يبثّ
`DetailLayout`	لا شيء	`BACK`, `CRUMB_NAV`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`DetailLayout`	`backLabel`	`string`	Back button label
`DetailLayout`	`contentTrait`	`trait`	Content trait

`std-esign-flow`

the send-for-signature flow: list signature requests, create one (pick document + recipient), resend or cancel, track status. Composes std-file-store + std-esign-request; no document-rendering or code-preview chrome. v1.2 (W5): EnvelopeDispatcher wires sessions to the real esign service — SEND_ENVELOPE dispatches a DocuSign envelope (the document rides the event as an UploadDropZone-shaped file payload, since StoredFile rows are metadata-only) and stamps envelopeId/sentAt/status=sent; the browse grid's per-row "Refresh status" pulls getEnvelopeStatus and maps completed/delivered/declined onto signed/viewed/declined.

lolo

uses EsignFlow from "std/behaviors/std-esign-flow"

الكيان: SignatureSession (persistent)

السمات

السمة	الأحداث	يبثّ
`SignatureSessionBrowse`	`RETRY`	`CREATE`, `RESEND_REQUEST`, `CHECK_ENVELOPE_STATUS`, `REQUEST_DELETE`, `SignatureSessionLoaded`, `SignatureSessionLoadFailed`
`SignatureSessionCreate`	لا شيء	لا شيء
`SignatureSessionDelete`	لا شيء	لا شيء
`SignatureSessionPersistor`	`DO_CREATE`, `DO_RESEND`, `DO_DELETE`	`SESSION_CREATED`, `SESSION_RESENT`, `SESSION_DELETED`
`EnvelopeDispatcher`	`SEND_ENVELOPE`, `CHECK_ENVELOPE_STATUS`	`ENVELOPE_SENT`, `ENVELOPE_SEND_FAILED`, `ENVELOPE_STATUS_LOADED`, `ENVELOPE_STATUS_FAILED`, `ENVELOPE_STAMPED`, `ENVELOPE_STAMP_FAILED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SignatureSessionBrowse`	`itemActions`	`[ItemAction]`	Row actions
`SignatureSessionBrowse`	`viewerRole`	`string`	Viewer's role
`SignatureSessionCreate`	`fields`	`unknown`
`SignatureSessionCreate`	`icon`	`unknown`
`SignatureSessionCreate`	`mode`	`unknown`
`SignatureSessionCreate`	`title`	`unknown`
`SignatureSessionDelete`	`alertMessage`	`unknown`
`SignatureSessionDelete`	`confirmLabel`	`unknown`
`SignatureSessionDelete`	`icon`	`unknown`
`SignatureSessionDelete`	`title`	`unknown`

`std-esign-request`

specialized e-signature request tracker: send a document out for signing and track its status (draft/sent/viewed/signed/declined/expired). Just the request list + send/revoke; signature capture is std-signature-capture's job.

lolo

uses EsignRequest from "std/behaviors/std-esign-request"

الكيان: ESignRequest (persistent)

السمات

السمة	الأحداث	يبثّ
`TitleHeading`	لا شيء	لا شيء
`RequestDataGrid`	لا شيء	لا شيء
`ErrorAlert`	لا شيء	لا شيء
`ESignRequestSigning`	لا شيء	`SEND_REQUEST`, `REVOKE_REQUEST`, `ESignRequestLoaded`, `ESignRequestLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TitleHeading`	`content`	`unknown`
`TitleHeading`	`variant`	`unknown`
`RequestDataGrid`	`fields`	`unknown`
`RequestDataGrid`	`itemActions`	`unknown`
`RequestDataGrid`	`look`	`unknown`
`RequestDataGrid`	`viewerRole`	`unknown`
`ErrorAlert`	`message`	`unknown`
`ErrorAlert`	`title`	`unknown`
`ErrorAlert`	`variant`	`unknown`
`ESignRequestSigning`	`tableLook`	`string`	Table look
`ESignRequestSigning`	`title`	`string`	Section title
`ESignRequestSigning`	`viewerRole`	`string`	Viewer's role

`std-event-log`

generic chronological event feed (Stripe activity log / GitHub PR timeline / Linear event feed style). Renders a vertical timeline with type-coded dots, a single horizontal chip-bar of kind filters (All + per-kind), reverse-chronological sort, and an inline form for logging events that weren't auto-captured. config.kindOptions maps each kind → status/icon/label so consuming molecules/organisms get type-coded visuals without re-implementing topology. Topology = loading / viewing / backfilling / error.

lolo

uses EventLog from "std/behaviors/std-event-log"

الكيان: EventLogView (runtime)

السمات

السمة	الأحداث	يبثّ
`EventLogTimeline`	`REFETCH_QUERY`, `REFETCH_FILTER`, `REFETCH_PAGE`	`APPLY_FILTER`, `OPEN_BACKFILL`, `SAVE_BACKFILL`, `CANCEL_BACKFILL`, `EventLogLoaded`, `EventLogLoadFailed`, `EventLogSaved`, `EventLogSaveFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`EventLogTimeline`	`bodySearch`	`boolean`	Show the log's own search box?
`EventLogTimeline`	`cardLook`	`string`	Card look
`EventLogTimeline`	`dateField`	`string`	Date field
`EventLogTimeline`	`descriptionField`	`string`	Description field
`EventLogTimeline`	`filterBarLook`	`string`	Filter bar look
`EventLogTimeline`	`filters`	`[FilterSpec]`	Which filters should appear above the feed?
`EventLogTimeline`	`formFields`	`[string]`	Backfill fields
`EventLogTimeline`	`kindField`	`string`	Which column holds each entry's kind?
`EventLogTimeline`	`kindOptions`	`[KindOption]`	Event kinds
`EventLogTimeline`	`pageSize`	`number`	How many entries per page when paging?
`EventLogTimeline`	`searchField`	`string`	Which column does the search box match against?
`EventLogTimeline`	`searchPlaceholder`	`string`	Search box placeholder text
`EventLogTimeline`	`statusField`	`string`	Status field
`EventLogTimeline`	`timelineLook`	`string`	Timeline look
`EventLogTimeline`	`title`	`string`	Section title
`EventLogTimeline`	`titleField`	`string`	Title field

`std-export`

a dropdown format menu (CSV/XLSX/PDF defaults; caller can override via config.formats). Emits EXPORT_REQUESTED { itemId, label } on the bus — itemId is the picked format id; host or sibling orbital generates the file. A format entry may carry url: the menu then downloads that file directly on pick (gesture-driven; the event still emits) — used for pre-baked artifacts like sprite sheets. tileId is a static per-instance config value, not echoed in the click payload.

lolo

uses Export from "std/behaviors/std-export"

الكيان: ExportPanel (runtime)

السمات

السمة	الأحداث	يبثّ
`Button1`	لا شيء	لا شيء
`Menu1`	لا شيء	لا شيء
`ExportMenu`	`OPEN_EXPORT`	`EXPORT_REQUESTED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`Button1`	`action`	`unknown`
`Button1`	`icon`	`unknown`
`Button1`	`label`	`unknown`
`Button1`	`size`	`unknown`
`Button1`	`variant`	`unknown`
`Menu1`	`items`	`unknown`
`Menu1`	`position`	`unknown`
`Menu1`	`trigger`	`unknown`
`ExportMenu`	`buttonLabel`	`string`	Button label
`ExportMenu`	`formats`	`[FormatOption]`	Available formats

`std-file-store`

the generic file/page tree primitive. A file-tree + config-driven data table over a hierarchical collection; opens a row in viewing_single with config-driven detail actions. Rebindable: pass fields/itemActions/detailActions/tree to retarget it at any hierarchical entity (files, wiki pages, note trees). Folds in the former std-page-tree via reorderable + a page field/action set.

lolo

uses FileStore from "std/behaviors/std-file-store"

الكيان: StoredFile (persistent)

السمات

السمة	الأحداث	يبثّ
`StoredFileStore`	لا شيء	`OPEN_FILE`, `CLOSE_VIEW`, `DOWNLOAD_FILE`, `ARCHIVE_FILE`, `REORDER`, `StoredFileLoaded`, `StoredFileLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StoredFileStore`	`detailActions`	`[ItemAction]`	Detail actions
`StoredFileStore`	`fields`	`[FieldSpec]`	Columns to show
`StoredFileStore`	`headerIcon`	`string`	Header icon
`StoredFileStore`	`itemActions`	`[ItemAction]`	Row actions
`StoredFileStore`	`itemClickEvent`	`event`	Which event does clicking a row fire?
`StoredFileStore`	`reorderable`	`boolean`	Reorderable rows
`StoredFileStore`	`tableLook`	`string`	Table look
`StoredFileStore`	`title`	`string`	Section title
`StoredFileStore`	`tree`	`[TreeNode]`	Folder tree
`StoredFileStore`	`viewerRole`	`string`	Viewer's role

`std-filter`

single primitive: filter-group. Owns a FilterTarget runtime entity; every FILTER transition persists field/value so cross-trait listeners can route the latest selection into data atoms.

lolo

uses Filter from "std/behaviors/std-filter"

الكيان: FilterTarget (runtime)

السمات

السمة	الأحداث	يبثّ
`FilterTargetFilter`	`CLEAR_FILTERS`	`FILTER`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`FilterTargetFilter`	`event`	`event`	Filter event
`FilterTargetFilter`	`filterBarLook`	`string`	Filter bar look
`FilterTargetFilter`	`filters`	`[FilterSpec]`	Filter controls

`std-form-advanced`

full-typed form-section primitive. Hosts the editing state with a configurable fields array (each entry mirrors @almadar/ui's form-section field schema: { name, label, type?, values?, relation?, required? }). Agents drive shape by overriding config.fields per-call-site.

lolo

uses FormAdvanced from "std/behaviors/std-form-advanced"

الكيان: FormEntry (runtime)

السمات

السمة	الأحداث	يبثّ
`FormEntryFormAdvanced`	`CANCEL`, `SUBMIT`, `RESET`	`FormEntryLoaded`, `FormEntryLoadFailed`, `FormEntrySaved`, `FormEntrySaveFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`FormEntryFormAdvanced`	`cancelLabel`	`string`	Cancel button
`FormEntryFormAdvanced`	`fields`	`[FieldSpec]`	Form fields
`FormEntryFormAdvanced`	`icon`	`string`	Header icon
`FormEntryFormAdvanced`	`newEntryLabel`	`string`	New entry button
`FormEntryFormAdvanced`	`showCancel`	`boolean`	Show cancel
`FormEntryFormAdvanced`	`submitLabel`	`string`	Submit button
`FormEntryFormAdvanced`	`successMessage`	`string`	Confirmation message
`FormEntryFormAdvanced`	`successTitle`	`string`	Confirmation title
`FormEntryFormAdvanced`	`title`	`string`	Form title

`std-gallery`

image gallery primitive. Browses GalleryItems in a media-gallery grid; opens a lightbox modal for full-size viewing.

lolo

uses Gallery from "std/behaviors/std-gallery"

الكيان: GalleryItem (runtime)

السمات

السمة	الأحداث	يبثّ
`LoadingSpinner`	لا شيء	لا شيء
`LoadingCaption`	لا شيء	لا شيء
`GalleryIcon`	لا شيء	لا شيء
`TitleDivider`	لا شيء	لا شيء
`MediaGalleryGrid`	لا شيء	لا شيء
`ErrorAlert`	لا شيء	لا شيء
`ReloadSpinner`	لا شيء	لا شيء
`ReloadCaption`	لا شيء	لا شيء
`RetrySpinner`	لا شيء	لا شيء
`GalleryItemGallery`	`REFETCH_QUERY`, `REFETCH_FILTER`, `REFETCH_PAGE`, `CLOSE`	`VIEW`, `GalleryItemLoaded`, `GalleryItemLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`LoadingCaption`	`color`	`unknown`
`LoadingCaption`	`content`	`unknown`
`LoadingCaption`	`variant`	`unknown`
`GalleryIcon`	`name`	`unknown`
`ErrorAlert`	`message`	`unknown`
`ErrorAlert`	`variant`	`unknown`
`ReloadSpinner`	`size`	`unknown`
`ReloadCaption`	`color`	`unknown`
`ReloadCaption`	`content`	`unknown`
`ReloadCaption`	`variant`	`unknown`
`RetrySpinner`	`size`	`unknown`
`GalleryItemGallery`	`bodySearch`	`boolean`	Show the gallery's own search box?
`GalleryItemGallery`	`filterBarLook`	`string`	Filter bar look
`GalleryItemGallery`	`filters`	`[FilterSpec]`	Which filters should appear above the gallery?
`GalleryItemGallery`	`imageField`	`string`	Image field
`GalleryItemGallery`	`nameField`	`string`	Name field
`GalleryItemGallery`	`pageSize`	`number`	How many images to fetch per page?
`GalleryItemGallery`	`searchField`	`string`	Which column does the search box match against?
`GalleryItemGallery`	`searchPlaceholder`	`string`	Search box placeholder text
`GalleryItemGallery`	`title`	`string`	Section title

`std-gantt-schedule`

GENERIC view-only Gantt/timeline atom: fetches a task collection on INIT and renders it as bars on a day-scale axis via the gantt pattern, with group headers, dependency arrows, and a today marker. Fully rebindable: a host overrides the linked entity and points the field-mapping configs (labelField/startField/endField/durationField/statusField/groupField) at its own columns; clicking a bar emits the config-named onBarClick event with the row id. No drag-edit, no zoom — schedule viewing only.

lolo

uses GanttSchedule from "std/behaviors/std-gantt-schedule"

الكيان: Task (runtime)

السمات

السمة	الأحداث	يبثّ
`TaskGanttSchedule`	`RETRY`	`TaskLoaded`, `TaskLoadFailed`, ``

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TaskGanttSchedule`	`dayWidth`	`number`	Day width
`TaskGanttSchedule`	`durationField`	`string`	Duration field
`TaskGanttSchedule`	`endField`	`string`	End field
`TaskGanttSchedule`	`groupField`	`string`	Group field
`TaskGanttSchedule`	`include`	`[string]`	Which relation fields to hydrate?
`TaskGanttSchedule`	`labelField`	`string`	Label field
`TaskGanttSchedule`	`links`	`[GanttLinkSpec]`	Dependency links
`TaskGanttSchedule`	`onBarClick`	`event`	On bar click
`TaskGanttSchedule`	`rangeEnd`	`string`	Range end
`TaskGanttSchedule`	`rangeStart`	`string`	Range start
`TaskGanttSchedule`	`showToday`	`boolean`	Show today marker
`TaskGanttSchedule`	`startField`	`string`	Start field
`TaskGanttSchedule`	`statusColorMap`	`Map<string,BarColor>`	Bar colour per status
`TaskGanttSchedule`	`statusField`	`string`	Status field
`TaskGanttSchedule`	`title`	`string`	Title

`std-geosearch`

location-aware search variant: search-input + map-view + range-slider for radius. Owns a GeoSearchResult runtime entity; GEO_SEARCH persists @payload.searchTerm/lat/lng/radiusKm so cross-trait listeners can route them into geo-aware data atoms.

lolo

uses Geosearch from "std/behaviors/std-geosearch"

الكيان: GeoSearchResult (runtime)

السمات

السمة	الأحداث	يبثّ
`GeoSearchResultSearch`	لا شيء	`GEO_SEARCH`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`GeoSearchResultSearch`	`defaultRadiusKm`	`number`	Default radius (km)
`GeoSearchResultSearch`	`event`	`event`	Search event
`GeoSearchResultSearch`	`placeholder`	`string`	Search placeholder

`std-graphs`

embeddable chart atom. ITEMS_LOADED keeps the rows whose @config.filterField equals @config.filterValue (blank = all), groups them by @config.categoryField, or (timeAxis=true) by the @config.period bucket of @config.timeField — rows without a time value (or, by category, without a category value) have no bucket to land in and are left out — and aggregates per bucket. Multi-series rendering via @config.series (preformatted ChartSeries shape). Histograms via chartType=histogram pass pre-binned @payload.data through unchanged. Stacked / 100% stacked bars via @config.stack. Post-process sort + limit. Clicking a data point emits UI:@config.drillEvent with { label, value, seriesLabel? }. Drop into a dashboard alongside std-stats / std-browse.

lolo

uses Graphs from "std/behaviors/std-graphs"

الكيان: GraphItem (runtime)

السمات

السمة	الأحداث	يبثّ
`GraphItemGraph`	`ITEMS_LOADED`	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`GraphItemGraph`	`aggregation`	`string`	Aggregation
`GraphItemGraph`	`categoryField`	`string`	Group / categorize / bucket / split by field
`GraphItemGraph`	`chartType`	`string`	Chart type
`GraphItemGraph`	`drillEvent`	`event`	Drill event
`GraphItemGraph`	`filterField`	`string`	Only count rows where field
`GraphItemGraph`	`filterValue`	`string`	Equals
`GraphItemGraph`	`height`	`number`	Chart height
`GraphItemGraph`	`limit`	`number`	Top N
`GraphItemGraph`	`period`	`string`	Group by month / quarter / week / day / year
`GraphItemGraph`	`series`	`[SeriesSpec]`	Series
`GraphItemGraph`	`showLegend`	`boolean`	Show legend
`GraphItemGraph`	`showValues`	`boolean`	Show values
`GraphItemGraph`	`sortDir`	`string`	Sort direction
`GraphItemGraph`	`sortField`	`string`	Sort by
`GraphItemGraph`	`stack`	`string`	Stacking
`GraphItemGraph`	`subtitle`	`string`	Subtitle
`GraphItemGraph`	`timeAxis`	`boolean`	Time axis
`GraphItemGraph`	`timeField`	`string`	Date field
`GraphItemGraph`	`title`	`string`	Title
`GraphItemGraph`	`valueField`	`string`	Value field
`GraphItemGraph`	`viewPattern`	`pattern`	Render pattern

`std-hero`

the headline block at the top of a page, or a call-to-action banner further down. Optional eyebrow badge, headline, supporting text, up to two link actions, an optional copyable command, and optional media below or beside the copy. look: banner turns it into a contained call-to-action card. Links follow href (in-app path, #anchor, or absolute URL); each click also emits CTA_PRIMARY / CTA_SECONDARY with the href. Pick for landing, product, pricing and campaign pages.

lolo

uses Hero from "std/behaviors/std-hero"

الكيان: HeroView (runtime)

السمات

السمة	الأحداث	يبثّ
`HeroRender`	`HERO_PRIMARY`, `HERO_SECONDARY`	`CTA_PRIMARY`, `CTA_SECONDARY`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`HeroRender`	`alignment`	`string`	Alignment
`HeroRender`	`command`	`string`	Command
`HeroRender`	`copyContent`	`render-ui`	Copy block
`HeroRender`	`eyebrow`	`string`	Eyebrow
`HeroRender`	`headline`	`string`	Headline
`HeroRender`	`lede`	`string`	Supporting text
`HeroRender`	`look`	`string`	Look
`HeroRender`	`mediaAlt`	`string`	Media alt text
`HeroRender`	`mediaContent`	`render-ui`	Media block
`HeroRender`	`mediaPosition`	`string`	Media position
`HeroRender`	`mediaSrc`	`string`	Media image
`HeroRender`	`primaryHref`	`string`	Primary action link
`HeroRender`	`primaryLabel`	`string`	Primary action label
`HeroRender`	`secondaryHref`	`string`	Secondary action link
`HeroRender`	`secondaryLabel`	`string`	Secondary action label
`HeroRender`	`sideContent`	`render-ui`	Side-by-side body
`HeroRender`	`stackedContent`	`render-ui`	Stacked body
`HeroRender`	`surface`	`string`	Surface

`std-image-upload-multi`

multi-image upload with drop zone, gallery preview, and per-batch progress.

lolo

uses ImageUploadMulti from "std/behaviors/std-image-upload-multi"

الكيان: UploadedImage (persistent)

السمات

السمة	الأحداث	يبثّ
`UploadedImageUpload`	`DELETE`	`UPLOAD`, `UploadedImageLoaded`, `UploadedImageLoadFailed`, `UploadedImageCreated`, `UploadedImageStored`, `UploadedImageUploadFailed`, `UploadedImageDeleted`, `UploadedImageDeleteFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`UploadedImageUpload`	`accept`	`string`	MIME filter
`UploadedImageUpload`	`bucket`	`string`	Storage bucket
`UploadedImageUpload`	`maxBytesPerImage`	`number`	Size limit (bytes)
`UploadedImageUpload`	`maxImages`	`number`	Max images
`UploadedImageUpload`	`title`	`string`	Section title

`std-import`

a dropdown source menu (Paste text / Markdown files defaults; caller can override via config.sources) plus the OS file picker for file-kind sources. Emits IMPORT_REQUESTED { source, files } on the bus — source is the picked SourceOption descriptor; files carries file metadata when the picker ran (empty otherwise). The actual import work is delegated to a sibling std-migration-job, which listens for IMPORT_REQUESTED and drives the migration service. Mirrors std-export: the menu emits each entry's own literal event field, so overriding the event alone does not retarget the click — also set sources[].event to match.

lolo

uses Import from "std/behaviors/std-import"

الكيان: ImportPanel (runtime)

السمات

السمة	الأحداث	يبثّ
`Button1`	لا شيء	لا شيء
`Menu1`	لا شيء	لا شيء
`ImportMenu`	`OPEN_IMPORT`, `IMPORT_SOURCE_PICKED`	`IMPORT_REQUESTED`, `IMPORT_FAILED`, `FILES_PICKED`, `PICK_FAILED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`Button1`	`action`	`unknown`
`Button1`	`icon`	`unknown`
`Button1`	`label`	`unknown`
`Button1`	`size`	`unknown`
`Button1`	`variant`	`unknown`
`Menu1`	`items`	`unknown`
`Menu1`	`position`	`unknown`
`Menu1`	`trigger`	`unknown`
`ImportMenu`	`accept`	`string`	Accepted file types
`ImportMenu`	`buttonLabel`	`string`	Button label
`ImportMenu`	`sources`	`[SourceOption]`	Import sources

`std-language-picker`

the language switcher of a multilingual site or app: a globe button showing the current language code that opens a menu listing every language in its own name, with the current one ticked. Each entry links to the same page in that language. Routing convention: the default language lives at the root and every other language under a /<code>/ prefix (/pricing, /ar/pricing, /sl/pricing), so each language has its own stable URL that can be linked from outside and indexed by search engines. Pick for public websites and app chrome that serve more than one language; std-site-header embeds it.

lolo

uses LanguagePicker from "std/behaviors/std-language-picker"

الكيان: LanguagePickerView (runtime)

السمات

السمة	الأحداث	يبثّ
`LanguagePickerRender`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`LanguagePickerRender`	`currentLanguage`	`string`	Current language
`LanguagePickerRender`	`languages`	`[SiteLanguage]`	Languages
`LanguagePickerRender`	`pickerContent`	`render-ui`	Picker body

`std-media-section`

content rows that pair copy with a screenshot or illustration: each row has an eyebrow, heading, body text, a short bullet list and an optional link action on one side and its media on the other, and consecutive rows alternate sides. A row without media sits alone at reading width. Stacks on small screens. Pick for 'how it works', product tours and feature-detail pages.

lolo

uses MediaSection from "std/behaviors/std-media-section"

الكيان: MediaSectionView (runtime)

السمات

السمة	الأحداث	يبثّ
`MediaSectionRender`	`SECTION_ACTION`	`SECTION_ACTION_CLICKED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`MediaSectionRender`	`firstMediaSide`	`string`	First row media side
`MediaSectionRender`	`rows`	`[MediaRow]`	Rows
`MediaSectionRender`	`surface`	`string`	Surface

`std-modal-editor`

std names no host command; a realization maps EX_COMMAND.name onto its own host vocabulary. A bare EDITOR_FOCUS listen lets every state re-announce its SET_MODE (block caret in NORMAL/VISUAL/OPERATOR_PENDING/COMMAND, bar in INSERT) when the host focuses a different editor surface.

lolo

uses ModalEditor from "std/behaviors/std-modal-editor"

الكيان: EditorMode (runtime)

السمات

السمة	الأحداث	يبثّ
`Modes`	`KEY`, `EDITOR_FOCUS`	`SET_MODE`, `MOTION`, `OPERATE`, `INSERT_TEXT`, `EX_COMMAND`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`Modes`	`appendKey`	`string`	Enter INSERT after the caret
`Modes`	`appendLineKey`	`string`	Enter INSERT at end of line
`Modes`	`commandKey`	`string`	Enter COMMAND
`Modes`	`deleteCharBackKey`	`string`	Delete char before caret
`Modes`	`deleteCharKey`	`string`	Delete char under caret
`Modes`	`digits`	`Map<string,number>`	Count digits
`Modes`	`exCommands`	`Map<string,string>`	Ex-commands
`Modes`	`gotoPrefixKey`	`string`	Goto prefix
`Modes`	`insertKey`	`string`	Enter INSERT before the caret
`Modes`	`insertLineKey`	`string`	Enter INSERT at first non-blank
`Modes`	`joinKey`	`string`	Join lines
`Modes`	`keymap`	`Map<string,[string]>`	Captured keys per mode
`Modes`	`motions`	`Map<string,string>`	Motion keys
`Modes`	`openLineAboveKey`	`string`	Open a line above and insert
`Modes`	`openLineKey`	`string`	Open a line below and insert
`Modes`	`operators`	`Map<string,string>`	Operator keys
`Modes`	`putBeforeKey`	`string`	Put before caret
`Modes`	`putKey`	`string`	Put after caret
`Modes`	`redoKey`	`string`	Redo (with Ctrl)
`Modes`	`repeatKey`	`string`	Repeat last change
`Modes`	`replaceKey`	`string`	Replace char
`Modes`	`toggleCaseKey`	`string`	Toggle case
`Modes`	`undoKey`	`string`	Undo
`Modes`	`visualKey`	`string`	Enter VISUAL

`std-modal`

std-modal as a Function

lolo

uses Modal from "std/behaviors/std-modal"

الكيان: ModalRecord (runtime)

السمات

السمة	الأحداث	يبثّ
`ModalRecordModal`	`SEED`, `OPEN`	`SAVE`, `CLOSE`, `ModalRecordLoadFailed`, `ModalRecordLoaded`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ModalRecordModal`	`detailPattern`	`pattern`	Layout pattern
`ModalRecordModal`	`detailSlot`	`slot`	Render slot
`ModalRecordModal`	`fieldOverrides`	`[ModalFieldOverride]`	Any per-field display copy overrides?
`ModalRecordModal`	`fields`	`[string]`	Which fields appear in the form?
`ModalRecordModal`	`icon`	`string`	Which icon appears in the modal header?
`ModalRecordModal`	`mode`	`string`	Is this for creating or editing?
`ModalRecordModal`	`title`	`string`	What should the modal heading say?

`std-multi-party-flow`

Escrow.com / DocuSign / Stripe Connect style multi-party transaction. Header + summary (subject/amount/reference) + named parties (avatar/role/actor) + stage progress + your-turn panel + activity feed + dispute/cancel escape hatches. Topology = loading / awaiting / capturing_dispute / capturing_cancel / funded / released / disputed / cancelled / error.

lolo

uses MultiPartyFlow from "std/behaviors/std-multi-party-flow"

الكيان: MultiPartyView (runtime)

السمات

السمة	الأحداث	يبثّ
`MultiPartyTransaction`	`FlowSaved`, `FlowSaveFailed`	`PARTY_CONFIRM`, `OPEN_DISPUTE`, `CANCEL_TRANSACTION`, `SUBMIT_DISPUTE`, `SUBMIT_CANCEL`, `CANCEL_REASON`, `RELEASE`, `RESTART`, `FlowLoaded`, `FlowLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`MultiPartyTransaction`	`cancelIcon`	`string`	Cancel icon
`MultiPartyTransaction`	`cancelLabel`	`string`	Cancel button
`MultiPartyTransaction`	`cardLook`	`string`	Card look
`MultiPartyTransaction`	`disputeIcon`	`string`	Dispute icon
`MultiPartyTransaction`	`disputeLabel`	`string`	Dispute button
`MultiPartyTransaction`	`parties`	`[PartySpec]`	Parties
`MultiPartyTransaction`	`reasonFields`	`[string]`	Reason fields
`MultiPartyTransaction`	`releaseIcon`	`string`	Release icon
`MultiPartyTransaction`	`releaseLabel`	`string`	Release button
`MultiPartyTransaction`	`timelineLook`	`string`	Timeline look
`MultiPartyTransaction`	`title`	`string`	Page title
`MultiPartyTransaction`	`transactionAmount`	`string`	Amount
`MultiPartyTransaction`	`transactionReference`	`string`	Reference
`MultiPartyTransaction`	`transactionSubject`	`string`	Subject

`std-notification-panel`

the bell's overlay surface. A dedicated modal-only trait that renders the notification list a consumer already passes to std-app-layout's notifications knob, and dismisses with a single (render-ui modal null). Mount it beside the app layout and route the layout's notificationClickEvent into OPEN; the catalog trait underneath is never repainted, so opening and closing the bell cannot strand the viewer. Owning the overlay in its own trait is what makes the shape legal — a modal rendered from the trait that also owns main is rejected by CIRCUIT_MODAL_EXIT_INCOMPLETE.

lolo

uses NotificationPanel from "std/behaviors/std-notification-panel"

الكيان: NotificationRecord (runtime)

السمات

السمة	الأحداث	يبثّ
`NotificationPanel`	`OPEN`	`CLOSE`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`NotificationPanel`	`closeLabel`	`string`	What should the dismiss button say?
`NotificationPanel`	`emptyMessage`	`string`	What shows when there are no notifications?
`NotificationPanel`	`icon`	`string`	Which icon appears in the overlay header?
`NotificationPanel`	`notifications`	`[NotificationSpec]`	Which notifications should the overlay list?
`NotificationPanel`	`panelSlot`	`slot`	Render slot
`NotificationPanel`	`title`	`string`	What should the overlay heading say?

`std-pagination`

single primitive: pagination control. PAGE accepts the Pagination component's {page} emit; ITEMS_LOADED accepts an upstream {data:[ObjectSpec]} payload and derives totalPages = ceil(len/pageSize). Molecules wire BrowseItemLoaded -> ITEMS_LOADED to keep it in lockstep with the data hub.

lolo

uses Pagination from "std/behaviors/std-pagination"

الكيان: PagedItem (runtime)

السمات

السمة	الأحداث	يبثّ
`PagedItemPagination`	`ITEMS_LOADED`	`PAGE`, `PagedItemLoaded`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`PagedItemPagination`	`event`	`event`	Page-change event
`PagedItemPagination`	`pageSize`	`number`	Page size

`std-panel-launcher`

a floating button on the page that opens a side panel holding one trait (an assistant, a help panel, a cart). Closed: the button floats bottom-right. Open: the panel shows contentTrait under title and the button steps aside; the panel's close button (or Escape on small screens) brings the button back. The panel slot defaults to dock, which pushes the page aside on wide screens and becomes a side sheet below 1024px. List the trait on every page that should carry the button — it never injects itself.

lolo

uses PanelLauncher from "std/behaviors/std-panel-launcher"

الكيان: PanelLauncherView (runtime)

السمات

السمة	الأحداث	يبثّ
`PanelLauncher`	لا شيء	`OPEN`, `CLOSE`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`PanelLauncher`	`closeLabel`	`string`	Close button label
`PanelLauncher`	`contentTrait`	`trait`	What does the panel hold?
`PanelLauncher`	`icon`	`icon`	Button icon
`PanelLauncher`	`label`	`string`	Button label
`PanelLauncher`	`panelSlot`	`slot`	Where the panel opens
`PanelLauncher`	`title`	`string`	Panel title

`std-pricing`

side-by-side plan cards from a config list: plan name, price and billing period, a one-line summary, the included features, and a link action per plan; one plan can be highlighted as recommended with a badge. Optional heading and footnote. Clicking a plan's action follows its href and emits PLAN_SELECTED. Pick for pricing pages, subscription tiers and service packages.

lolo

uses Pricing from "std/behaviors/std-pricing"

الكيان: PricingView (runtime)

السمات

السمة	الأحداث	يبثّ
`PricingRender`	`PLAN_CHOOSE`	`PLAN_SELECTED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`PricingRender`	`footnote`	`string`	Footnote
`PricingRender`	`heading`	`string`	Heading
`PricingRender`	`lede`	`string`	Supporting text
`PricingRender`	`plans`	`[PricingPlan]`	Plans
`PricingRender`	`surface`	`string`	Surface

`std-prose`

a block of long-form text at a comfortable reading width: optional eyebrow, heading and meta line (date, author), then markdown body with headings, lists, links and code blocks. Supports right-to-left text. Pick for articles, blog posts, about and mission pages, policy text and install notes.

lolo

uses Prose from "std/behaviors/std-prose"

الكيان: ProseView (runtime)

السمات

السمة	الأحداث	يبثّ
`ProseRender`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ProseRender`	`body`	`string`	Body
`ProseRender`	`direction`	`string`	Text direction
`ProseRender`	`eyebrow`	`string`	Eyebrow
`ProseRender`	`heading`	`string`	Heading
`ProseRender`	`headingLevel`	`string`	Heading level
`ProseRender`	`meta`	`string`	Meta line
`ProseRender`	`surface`	`string`	Surface

`std-rating-review`

Airbnb / Amazon / Google Maps style review surface. Header with aggregate score + Write CTA, per-star distribution bars, working sort chips (recent / top rated / lowest), scrollable reviews list with author + stars + comment + helpful action. Topology = loading / viewing / composing / submitting / submitted / error.

lolo

uses RatingReview from "std/behaviors/std-rating-review"

الكيان: ReviewView (runtime)

السمات

السمة	الأحداث	يبثّ
`RatingReviewBoard`	لا شيء	`WRITE_REVIEW`, `RATE_DRAFT`, `SUBMIT_REVIEW`, `CANCEL_REVIEW`, `CHANGE_SORT`, `MARK_HELPFUL`, `RESTART`, `ReviewsLoaded`, `ReviewsLoadFailed`, `ReviewSaved`, `ReviewSaveFailed`
`RatingReviewSubmit`	لا شيء	`RATE_DRAFT`, `SUBMIT_REVIEW`, `CANCEL_REVIEW`, `RESTART`, `ReviewSaved`, `ReviewSaveFailed`
`RatingReviewPageNav`	لا شيء	`OPEN_REVIEW_FORM`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RatingReviewBoard`	`cancelLabel`	`string`	Cancel button
`RatingReviewBoard`	`cardLook`	`string`	Card look
`RatingReviewBoard`	`reviewFields`	`[string]`	Review form fields
`RatingReviewBoard`	`sortOptions`	`[SortOption]`	Sort tabs
`RatingReviewBoard`	`starDistribution`	`[StarBucket]`	Star bars
`RatingReviewBoard`	`subjectTitle`	`string`	Subject title
`RatingReviewBoard`	`submitLabel`	`string`	Submit button
`RatingReviewBoard`	`writeLabel`	`string`	Write CTA
`RatingReviewSubmit`	`allowComment`	`boolean`	Allow comment
`RatingReviewSubmit`	`cancelLabel`	`string`	Cancel button
`RatingReviewSubmit`	`cardLook`	`string`	Card look
`RatingReviewSubmit`	`maxStars`	`number`	Max stars
`RatingReviewSubmit`	`submitLabel`	`string`	Submit button
`RatingReviewSubmit`	`title`	`string`	Form title

`std-record-detail`

single primitive: detail-panel. Owns the fetch-one-record state machine (loading → viewing → error, with RETRY), the record counterpart to std-browse's collection machine. Consumers configure fields/sections/actions and the title/subtitle/status bindings; the atom fetches by the id (or, for slug-routed records, the slug) carried on INIT and renders the panel. detailLook (panel default / slide-over / page / document) selects the render body, exactly as std-browse's browseLook selects a collection shape. The document look is for records whose shape IS a document (wiki page, note, article): the pure writing surface — a big inline-editable title with the rich-text body DIRECTLY beneath it, Edit/Done and the actions menu tucked into the header corner — where clicking the body drops a cursor in, every typing pause autosaves (CONTENT_SAVED, which the host persists QUIETLY — no refetch, or the editor unmounts mid-keystroke), and Done emits CONTENT_COMMITTED (the host refetches and snapshots version history on this one). Metadata never sits between the title and the words: compose the sibling RecordItemDetails trait beside the doc for a Gutenberg-style settings rail. A row minted blank by a document-first create arrives with draft=1 on INIT and opens straight in the editor. Pair with std-detail-layout for the back + breadcrumb chrome — that atom owns navigation, this one owns the record — exactly as a list page pairs std-browse with std-app-layout.

lolo

uses RecordDetail from "std/behaviors/std-record-detail"

الكيان: RecordItem (runtime)

السمات

السمة	الأحداث	يبثّ
`RecordItemDetail`	`OPEN_VIEW`, `CONTENT_CHANGE`, `CLOSE_VIEW`, `RETRY`	`RecordItemLoaded`, `RecordItemSlugLoaded`, `RecordItemLoadFailed`, `EDIT`, `DELETE`, `CONTENT_SAVED`, `CONTENT_COMMITTED`, `TITLE_COMMITTED`, `EDIT_CONTENT`, `DONE_EDITING`
`RecordItemDetails`	`SHOW_DETAILS`, `OPEN_DETAILS`, `CLOSE`, `META_CHANGE`	`META_SAVED`, `RELATION_OPEN`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RecordItemDetail`	`actions`	`[RecordAction]`	What actions can users take on this record?
`RecordItemDetail`	`allowEdit`	`boolean`	Allow editing the document?
`RecordItemDetail`	`autosaveHint`	`string`	Autosave hint
`RecordItemDetail`	`avatarField`	`string`	Which field is the avatar?
`RecordItemDetail`	`bodyContent`	`render-ui`	Body content tree
`RecordItemDetail`	`closeEvent`	`event`	Which action closes the record?
`RecordItemDetail`	`contentField`	`string`	Which field holds the document body?
`RecordItemDetail`	`coverField`	`string`	Which field is the cover image?
`RecordItemDetail`	`detailLook`	`string`	Detail look
`RecordItemDetail`	`documentBodyContent`	`render-ui`	Document look body (reading)
`RecordItemDetail`	`documentEditingContent`	`render-ui`	Document look body (editing)
`RecordItemDetail`	`doneLabel`	`string`	Done button label
`RecordItemDetail`	`editLabel`	`string`	Edit button label
`RecordItemDetail`	`fields`	`[RecordFieldSpec]`	Which fields appear in the record panel?
`RecordItemDetail`	`iconField`	`string`	Which field is the document icon?
`RecordItemDetail`	`include`	`[string]`	Which relation fields to hydrate?
`RecordItemDetail`	`latitudeField`	`string`	Which field is the latitude?
`RecordItemDetail`	`lineItemColumns`	`[LineItemColumn]`	Which line-item columns?
`RecordItemDetail`	`lineItemsField`	`string`	Which relation holds the line items?
`RecordItemDetail`	`loadingContent`	`render-ui`	Loading placeholder
`RecordItemDetail`	`longitudeField`	`string`	Which field is the longitude?
`RecordItemDetail`	`maxInlineActions`	`number`	How many actions before collapsing?
`RecordItemDetail`	`mediaField`	`string`	Which field holds the images?
`RecordItemDetail`	`openOn`	`string`	When does this surface load?
`RecordItemDetail`	`pageBodyContent`	`render-ui`	Page look body
`RecordItemDetail`	`placeholder`	`string`	Placeholder text
`RecordItemDetail`	`recordLook`	`string`	Record look
`RecordItemDetail`	`sections`	`[RecordSection]`	How should the fields be grouped?
`RecordItemDetail`	`showActions`	`boolean`	Show the action buttons?
`RecordItemDetail`	`slideOverBodyContent`	`render-ui`	Slide-over look body
`RecordItemDetail`	`stageField`	`string`	Which field is the lifecycle stage?
`RecordItemDetail`	`stages`	`[RecordStage]`	What is the lifecycle, in order?
`RecordItemDetail`	`subtitleField`	`string`	Which field is the subtitle?
`RecordItemDetail`	`tabs`	`[RecordTab]`	Which tabs follow the overview?
`RecordItemDetail`	`threadField`	`string`	Which relation holds the thread?
`RecordItemDetail`	`titleField`	`string`	Which field is the record's title?
`RecordItemDetail`	`titleFields`	`[string]`	Which fields make up the title, in order?
`RecordItemDetail`	`totals`	`[RecordFieldSpec]`	Which fields are the totals?
`RecordItemDetail`	`viewerRole`	`string`	Viewer's role
`RecordItemDetails`	`detailsContent`	`render-ui`	Details drawer content tree
`RecordItemDetails`	`detailsTitle`	`string`	Details drawer heading
`RecordItemDetails`	`metaFields`	`[MetaFieldSpec]`	Which metadata properties appear in the details drawer?

`std-recurrence`

recurring-rule definition + upcoming runs (Stripe Subscriptions / Cron Hub style). The viewing state shows a plain-English rule sentence and the next N dated runs as an agenda timeline. Per-run exception modal supports skip / reschedule. Topology = loading / defining_rule / viewing / awaiting_exception_decision / cancelled / error.

lolo

uses Recurrence from "std/behaviors/std-recurrence"

الكيان: RecurrenceView (runtime)

السمات

السمة	الأحداث	يبثّ
`RecurrenceEditor`	لا شيء	`EDIT_RULE`, `SAVE_RULE`, `CANCEL_RULE`, `OPEN_EXCEPTION`, `CLOSE_EXCEPTION`, `SKIP_OCCURRENCE`, `RESCHEDULE_OCCURRENCE`, `CANCEL_SCHEDULE`, `RESTART`, `RecurrenceLoaded`, `RecurrenceLoadFailed`, `RecurrenceSaved`, `RecurrenceSaveFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RecurrenceEditor`	`cardLook`	`string`	Card look
`RecurrenceEditor`	`formFields`	`[string]`	Rule fields
`RecurrenceEditor`	`itemActions`	`[ItemAction]`	Row actions
`RecurrenceEditor`	`timelineLook`	`string`	Timeline look
`RecurrenceEditor`	`title`	`string`	Section title
`RecurrenceEditor`	`viewerRole`	`string`	Viewer's role

`std-related`

std-related as a Function

lolo

uses Related from "std/behaviors/std-related"

الكيان: RelatedItem (persistent)

السمات

السمة	الأحداث	يبثّ
`RelatedItemList`	`SHOW_RELATED`, `RETRY`	`RelatedItemLoaded`, `RelatedItemLoadFailed`, `SELECT_RELATED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RelatedItemList`	`labelField`	`string`	Which field labels each related row?
`RelatedItemList`	`relationField`	`string`	Relation field
`RelatedItemList`	`tableLook`	`string`	Table look
`RelatedItemList`	`title`	`string`	Section title

`std-role-gate`

explicit role gate around ONE piece of UI. Renders its content trait only when roles is empty or lists the viewer's role; any other viewer gets nothing rendered. Wrap a single button, FAB or panel in it, bind viewerRole at the call site (e.g. viewerRole: @user.role), and list the roles that may see it.

lolo

uses RoleGate from "std/behaviors/std-role-gate"

الكيان: RoleGateData (runtime)

السمات

السمة	الأحداث	يبثّ
`RoleGate`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RoleGate`	`content`	`trait`	Gated content
`RoleGate`	`roles`	`[string]`	Visible to roles
`RoleGate`	`viewerRole`	`string`	Viewer's role

`std-saved-search`

persisted query + alert subscription. Owns a SavedSearch entity (one row per saved query) and a single manage trait that lists saved searches in a data-grid, lets users toggle their alert subscription / rename the search / delete it, and persists each change.

lolo

uses SavedSearch from "std/behaviors/std-saved-search"

الكيان: SavedSearch (persistent)

السمات

السمة	الأحداث	يبثّ
`SavedSearchManage`	`TRACK_QUERY`, `TRACK_FILTERS`, `SAVE_CURRENT`	`TOGGLE_ALERT`, `DELETE`, `EDIT`, `RENAME`, `CHANGE_FREQUENCY`, `SAVE`, `CANCEL`, `SavedSearchLoaded`, `SavedSearchLoadFailed`, `SavedSearchCreated`, `SavedSearchUpdated`, `SavedSearchDeleted`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SavedSearchManage`	`defaultSearchName`	`string`	Default saved-search name
`SavedSearchManage`	`itemActions`	`[ItemAction]`	Row actions
`SavedSearchManage`	`itemClickEvent`	`event`	Row click
`SavedSearchManage`	`tableLook`	`string`	Table look
`SavedSearchManage`	`title`	`string`	Section title
`SavedSearchManage`	`viewerRole`	`string`	Viewer's role

`std-scatter`

embeddable scatter / bubble chart atom. ITEMS_LOADED maps @payload.data into {x,y,label,size,color} points using configured fields (no aggregation step — distinct from std-graphs). Drop into a dashboard alongside std-stats / std-graphs for two-numeric correlation views.

lolo

uses Scatter from "std/behaviors/std-scatter"

الكيان: ScatterItem (runtime)

السمات

السمة	الأحداث	يبثّ
`ScatterItemPlot`	`ITEMS_LOADED`	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ScatterItemPlot`	`colorField`	`string`	Color field
`ScatterItemPlot`	`drillEvent`	`event`	Drill event
`ScatterItemPlot`	`height`	`number`	Chart height
`ScatterItemPlot`	`labelField`	`string`	Label field
`ScatterItemPlot`	`sizeField`	`string`	Size field
`ScatterItemPlot`	`subtitle`	`string`	Subtitle
`ScatterItemPlot`	`title`	`string`	Title
`ScatterItemPlot`	`xField`	`string`	X-axis field
`ScatterItemPlot`	`yField`	`string`	Y-axis field

`std-scoped-list`

the rows that belong to one parent record, scoped at runtime. SET_SCOPE { value } (forward the parent's own loaded event, e.g. a detail page's TaskDetailLoaded -> SET_SCOPE with { value: ?data.id }) lists only the rows whose scopeField equals that value; the scope is kept, so a later INIT (a reload after a row is created, edited or removed) lists the same parent's rows again. Before a scope arrives the list shows every row, or with whenUnscoped: nothing its empty state. Rows render through data-list (fields, row actions filtered by viewerRole, click event, sortBy). Opt in where a list must follow a parent picked elsewhere on the page: the bound entity carries the scope as an @intrinsic field — std-browse stays the general list.

lolo

uses ScopedList from "std/behaviors/std-scoped-list"

الكيان: ScopedListItem (runtime)

السمات

السمة	الأحداث	يبثّ
`ScopedListBrowse`	`SET_SCOPE`	`ScopedListLoaded`, `ScopedListLoadFailed`, `VIEW`, `EDIT`, `DELETE`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ScopedListBrowse`	`emptyDescription`	`string`	Empty-state description
`ScopedListBrowse`	`emptyIcon`	`icon`	Empty-state icon
`ScopedListBrowse`	`emptyTitle`	`string`	Empty-state title
`ScopedListBrowse`	`fields`	`[FieldSpec]`	Which fields does each row show?
`ScopedListBrowse`	`gap`	`string`	Gap between rows
`ScopedListBrowse`	`itemActions`	`[ItemAction]`	Row actions
`ScopedListBrowse`	`itemClickEvent`	`event`	Event a row click fires
`ScopedListBrowse`	`scopeField`	`string`	Which field names the parent?
`ScopedListBrowse`	`sortBy`	`string`	Sort rows by
`ScopedListBrowse`	`sortDirection`	`string`	Sort direction
`ScopedListBrowse`	`viewerRole`	`string`	Viewer's role
`ScopedListBrowse`	`whenUnscoped`	`string`	What does the list show before a parent is picked?

`std-search`

single primitive: search-input. Owns a SearchResult runtime entity; SEARCH persists @payload.searchTerm (matching SearchInput's emit shape) so cross-trait listeners can route it into data atoms (Browse REFETCH_QUERY).

lolo

uses Search from "std/behaviors/std-search"

الكيان: SearchResult (runtime)

السمات

السمة	الأحداث	يبثّ
`SearchResultSearch`	لا شيء	`SEARCH`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SearchResultSearch`	`event`	`event`	Search event
`SearchResultSearch`	`placeholder`	`string`	Placeholder text

`std-selection`

std-selection as a Function

lolo

uses Selection from "std/behaviors/std-selection"

الكيان: SelectableItem (runtime)

السمات

السمة	الأحداث	يبثّ
`SelectableItemSelection`	`REFETCH_QUERY`, `REFETCH_FILTER`, `REFETCH_PAGE`, `SELECT`, `CONFIRM_SELECTION`, `CLEAR`, `RETRY`	`SelectableItemLoaded`, `SelectableItemLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SelectableItemSelection`	`bodySearch`	`boolean`	Show the pick-list's own search box?
`SelectableItemSelection`	`displayPageSize`	`number`	How many candidates to show at once?
`SelectableItemSelection`	`filterBarLook`	`string`	Filter bar look
`SelectableItemSelection`	`filters`	`[FilterSpec]`	Which filters should appear above the pick-list?
`SelectableItemSelection`	`itemActions`	`[ItemAction]`	Row actions
`SelectableItemSelection`	`itemClickEvent`	`event`	Row click
`SelectableItemSelection`	`pageSize`	`number`	How many candidates per page when paging?
`SelectableItemSelection`	`searchField`	`string`	Which column does the search box match against?
`SelectableItemSelection`	`searchPlaceholder`	`string`	Search box placeholder text
`SelectableItemSelection`	`tableLook`	`string`	Table look
`SelectableItemSelection`	`viewerRole`	`string`	Viewer's role

`std-signature-capture`

a drawn-signature pad. The signer draws, clears, or submits; on submit the signature persists and the atom emits SignatureSubmitted. One job: capture a signature and report when done.

lolo

uses SignatureCapture from "std/behaviors/std-signature-capture"

الكيان: Signature (persistent)

السمات

السمة	الأحداث	يبثّ
`SignatureCapture`	لا شيء	`CHANGE`, `SUBMIT`, `CLEAR`, `SignatureLoaded`, `SignatureLoadFailed`, `SignatureSubmitted`, `SignatureSubmitFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SignatureCapture`	`instructions`	`string`	Instructions
`SignatureCapture`	`title`	`string`	Pad title

`std-site-footer`

the footer at the bottom of a public site: brand name and tagline, columns of links, and a bottom row with the copyright line and legal links. Links follow href (in-app path, #anchor, or absolute URL) and each click emits FOOTER_LINK_CLICKED. Pick for marketing sites, docs portals and product websites.

lolo

uses SiteFooter from "std/behaviors/std-site-footer"

الكيان: SiteFooterView (runtime)

السمات

السمة	الأحداث	يبثّ
`SiteFooterRender`	`FOOTER_LINK`	`FOOTER_LINK_CLICKED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SiteFooterRender`	`brandName`	`string`	Brand name
`SiteFooterRender`	`columns`	`[FooterColumn]`	Link columns
`SiteFooterRender`	`copyright`	`string`	Copyright line
`SiteFooterRender`	`legalLinks`	`[FooterLink]`	Legal links
`SiteFooterRender`	`tagline`	`string`	Tagline

`std-site-header`

the sticky top bar of a public website: brand (logo + name, linking home when homeHref is set), navigation links with the current page marked (a link with children opens a dropdown), an optional light/dark toggle, an optional language picker (std-language-picker: the same page in each language, default language at the root and the others under /<code>/), and an optional call-to-action button. On small screens the links fold into a menu opened by a toggle, with child links indented under their parent and the call-to-action button at the bottom. Links follow href (in-app path, #anchor, or absolute URL); the header action and the small-screen menu links also emit NAV_CLICKED { href, label }. Pick for marketing sites, docs portals and product websites; for signed-in app chrome use std-app-layout.

lolo

uses SiteHeader from "std/behaviors/std-site-header"

الكيان: SiteHeaderView (runtime)

السمات

السمة	الأحداث	يبثّ
`SiteHeaderRender`	`MENU_TOGGLE`, `NAV_LINK`	`NAV_CLICKED`
`SiteHeaderLanguages`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SiteHeaderRender`	`actionHref`	`string`	Header action link
`SiteHeaderRender`	`actionLabel`	`string`	Header action label
`SiteHeaderRender`	`brandName`	`string`	Brand name
`SiteHeaderRender`	`currentLanguage`	`string`	Current language
`SiteHeaderRender`	`currentPath`	`string`	Current page path
`SiteHeaderRender`	`headerContent`	`render-ui`	Header body
`SiteHeaderRender`	`homeHref`	`string`	Home link
`SiteHeaderRender`	`languages`	`[SiteLanguage]`	Languages
`SiteHeaderRender`	`links`	`[SiteNavLink]`	Navigation links
`SiteHeaderRender`	`logoSrc`	`string`	Logo image
`SiteHeaderRender`	`showThemeToggle`	`boolean`	Light/dark toggle
`SiteHeaderLanguages`	`currentLanguage`	`unknown`
`SiteHeaderLanguages`	`languages`	`unknown`

`std-slide-deck`

generic presentation atom. An ordered list of slide nodes (config.slides, any render tree or @trait) shown one at a time, with a previous/next arrow on either side, a dot strip and a k / n counter underneath, and keyboard stepping through the host's KEY router (config.nextKeys / config.prevKeys, captured per config.keymap). The cursor clamps at either end unless loop is on. Each visit mounts the slide fresh, so its own entry animations replay. Carries no content or visual style: a realization supplies the slides and restyles via bodyContent. The default body picks the slide inside a mapped-children lambda, which expands static slides only; a deck whose slides hold stateful traits (forms, live lists) overrides bodyContent with one presence per slide gated on @entity.slideIndex. Every move emits SLIDE_CHANGED for speaker notes, timers or analytics.

lolo

uses SlideDeck from "std/behaviors/std-slide-deck"

الكيان: SlideDeck (runtime)

السمات

السمة	الأحداث	يبثّ
`SlideDeckPresenter`	`GO_TO`	`SLIDE_CHANGED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`SlideDeckPresenter`	`bodyContent`	`render-ui`	Body content tree
`SlideDeckPresenter`	`loop`	`boolean`	Loop
`SlideDeckPresenter`	`nextIcon`	`icon`	Next icon
`SlideDeckPresenter`	`prevIcon`	`icon`	Previous icon
`SlideDeckPresenter`	`showArrows`	`boolean`	Show arrows
`SlideDeckPresenter`	`showProgress`	`boolean`	Show progress
`SlideDeckPresenter`	`slides`	`[trait]`	Slides
`SlideDeckPresenter`	`stageMinHeight`	`string`	Stage height
`SlideDeckPresenter`	`startIndex`	`number`	Start slide

`std-stat-band`

a band of headline figures from a config list: each item a big value (a number or short text such as '99.9%', '3x' or 'Open source') over a short label, centered in a row that wraps on small screens, under an optional heading. Display only — for figures computed from data use std-stats. Pick for 'by the numbers' strips on landing, about and product pages.

lolo

uses StatBand from "std/behaviors/std-stat-band"

الكيان: StatBandView (runtime)

السمات

السمة	الأحداث	يبثّ
`StatBandRender`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StatBandRender`	`heading`	`string`	Heading
`StatBandRender`	`items`	`[StatBandItem]`	Figures
`StatBandRender`	`surface`	`string`	Surface

`std-stats`

embeddable analytics-card atom. ITEMS_LOADED aggregates @payload.data per @config.metrics (count|sum|avg|min|max|variance with optional filter, baselineFilter, format, icon, max, target, trend, trendPolarity, sparkline) and renders one stat-display per entry. Variance metrics compute actual - baseline using filter + baselineFilter lambdas and report the signed delta as trend. clickEvent emits UI:{clickEvent} { metricLabel } when a card is clicked. Drop into a dashboard alongside std-browse / std-search / std-filter. config.statsLook switches the whole body between the default per-metric card grid ('cards'), a Stripe-dashboard KPI tile row ('kpi-tiles'), a single hero metric card ('hero-metric'), and a chart-first sparkline tile grid ('sparkline-row').

lolo

uses Stats from "std/behaviors/std-stats"

الكيان: StatsItem (runtime)

السمات

السمة	الأحداث	يبثّ
`StatsItemStats`	`ITEMS_LOADED`	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StatsItemStats`	`bodyContent`	`render-ui`	Body content tree
`StatsItemStats`	`heroMetricBodyContent`	`render-ui`	Hero metric body content tree
`StatsItemStats`	`kpiTilesBodyContent`	`render-ui`	KPI tiles body content tree
`StatsItemStats`	`metrics`	`[MetricSpec]`	Metrics
`StatsItemStats`	`sparklineRowBodyContent`	`render-ui`	Sparkline row body content tree
`StatsItemStats`	`statLook`	`string`	Stat display look
`StatsItemStats`	`statsLook`	`string`	Stats look
`StatsItemStats`	`theme`	`string`	Theme
`StatsItemStats`	`title`	`string`	Section title
`StatsItemStats`	`viewPattern`	`pattern`	Render pattern

`std-step-flow`

generic N-step sequential decision chain (Stripe Connect / TurboTax / Vercel deploy style). config.steps is an array of step definitions { key, label, description, icon, allowedRoles?: [string] }; the trait projects the current step into a prominent body card and a wizard-progress stepper bar at the top. When a step declares allowedRoles, only users whose @user.role is in that list can advance through it. One primary button ADVANCEs along the chain; at the last step the same button finalizes (label/icon/variant swap via entity binding, state routed via guard). REJECT/ESCALATE terminate. Topology = loading / running / approved / rejected / escalated / error.

lolo

uses StepFlow from "std/behaviors/std-step-flow"

الكيان: StepFlowView (runtime)

السمات

السمة	الأحداث	يبثّ
`StepFlowReview`	`StepItemsSaved`, `StepItemsSaveFailed`	`ADVANCE`, `BACK`, `REJECT`, `ESCALATE`, `RESTART`, `StepItemsLoaded`, `StepItemsLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StepFlowReview`	`bodyContent`	`render-ui`	Body content tree
`StepFlowReview`	`cardLook`	`string`	Card look
`StepFlowReview`	`steps`	`[StepSpec]`	Steps
`StepFlowReview`	`title`	`string`	Flow title

`std-steps`

a numbered 'how it works' sequence from a config list: a numbered marker (or icon), a title and a short description per step, laid out as a row of columns or a vertical list, under an optional heading. Display only — for an interactive stepper use std-step-flow or std-wizard. Pick for onboarding explainers, process overviews and learning paths.

lolo

uses Steps from "std/behaviors/std-steps"

الكيان: StepsView (runtime)

السمات

السمة	الأحداث	يبثّ
`StepsRender`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StepsRender`	`alignment`	`string`	Heading alignment
`StepsRender`	`heading`	`string`	Heading
`StepsRender`	`layout`	`string`	Layout
`StepsRender`	`lede`	`string`	Supporting text
`StepsRender`	`steps`	`[StepItem]`	Steps
`StepsRender`	`surface`	`string`	Surface

`std-tabs`

embeddable tab-navigation atom. Renders a tabs strip from @config.tabs ([{id, label, icon?, badge?, content?}]); clicking a tab updates @entity.activeTab so only the matching @trait.X content shows. Events remap at the call site for routing, persistence, analytics.

lolo

uses Tabs from "std/behaviors/std-tabs"

الكيان: TabsItem (runtime)

السمات

السمة	الأحداث	يبثّ
`TabsItemTabs`	لا شيء	`TAB_CHANGED`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TabsItemTabs`	`bodyContent`	`render-ui`	Body content tree
`TabsItemTabs`	`defaultTab`	`string`	Default tab
`TabsItemTabs`	`orientation`	`string`	Orientation
`TabsItemTabs`	`tabs`	`[TabSpec]`	Tabs
`TabsItemTabs`	`variant`	`string`	Tab style

`std-tag-strip`

inline tag editing ON the document surface: the record's tags render as removable chips with a type-to-add input (a typed name that matches an existing tag attaches it; an unknown name is created in the shared taxonomy first), plus one-click chips for every existing tag not yet attached. Emits TAGS_CHANGED { id, tagIds } — the host organism routes it into its persistor's update; the document's refetch re-scopes the strip. Binds any record carrying a tagIds relation array; the tag store is the shared tags collection (std-tag-taxonomy's).

lolo

uses TagStrip from "std/behaviors/std-tag-strip"

الكيان: StripTag (persistent)

السمات

السمة	الأحداث	يبثّ
`TagStrip`	`SHOW_TAG_STRIP`	`TAGS_CHANGED`, `ADD_TAG`, `REMOVE_TAG`, `TagStripOptions`, `TagStripAddOptions`, `TagStripRemoveOptions`, `TagStripTagCreated`, `TagStripLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TagStrip`	`helperText`	`string`	Helper text
`TagStrip`	`placeholder`	`string`	Input placeholder
`TagStrip`	`readOnly`	`boolean`	Read-only?
`TagStrip`	`title`	`string`	Strip caption

`std-tag-taxonomy`

hierarchical category tag tree (parent/child). TagBrowse fetches root-level Tag rows (parentId = "") on INIT and renders the active level via data-grid; SELECT_TAG drills into the chosen tag's children by fetching rows whose parentId matches it, binding @entity.id to that parent so the level is remembered; SHOW_ROOT resets back to the root level, surfaced as a back affordance while drilled in. Flat taxonomies (all parentId "") render exactly one level, unchanged. TagSelected is emitted on selection for consumers to filter content by tag.

lolo

uses TagTaxonomy from "std/behaviors/std-tag-taxonomy"

الكيان: Tag (persistent)

السمات

السمة	الأحداث	يبثّ
`TagBrowse`	`SHOW_ROOT`, `NEW_TAG`, `CLOSE`	`SELECT_TAG`, `TagLoaded`, `TagLoadFailed`, `TagSelected`, `COMMIT_TAG`, `CANCEL_TAG`, `LEVEL_RELOAD`, `TagCreated`, `TagCreateFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TagBrowse`	`allowEdit`	`boolean`	Allow editing
`TagBrowse`	`createLabel`	`string`	Create-button label
`TagBrowse`	`rootLabel`	`string`	Back-to-root label
`TagBrowse`	`tableLook`	`string`	Table look
`TagBrowse`	`title`	`string`	Section title

`std-thread`

forum-style nested replies with collapse. Owns ThreadPost (persistent). INIT fetches, scoped by @config.threadRootId when set (blank = every root, the default). The list holds top-level posts, each with its replies nested (one level). REPLY persists a child post under @payload.parentId in the same thread root, stamped with the real @user identity, and adds it to the parent's replies and replyCount. A consumer that mounts this as page comments forwards its own document-opened signal to SET_THREAD_ROOT { rootId }, which stamps @entity.replyRootId (scratch — the persisted threadRootId column is written only by the reply persist create) and refetches filtered by the payload; a plain INIT re-entry now also falls back through @entity.replyRootId before @config.threadRootId, so it stays scoped to the last SET_THREAD_ROOT instead of re-widening — only the after-create/after-select refetches still scope directly off their own event payload. Layer 3 variants override bodyContent to deliver chat-bubble, email-threaded, or linear-comments UX while inheriting the same trait, state machine, emits, and listens. A non-empty sectionTitle switches the default bodyContent into titled-comments mode: header + post list + a standalone composer button (without it an empty thread has no REPLY emitter at all — the affordance only existed per-row).

lolo

uses Thread from "std/behaviors/std-thread"

الكيان: ThreadPost (persistent)

السمات

السمة	الأحداث	يبثّ
`ThreadPostBrowse`	`SET_THREAD_ROOT`	`SELECT`, `REPLY`, `EDIT_REPLY`, `SUBMIT_REPLY`, `CANCEL_REPLY`, `ThreadPostLoaded`, `ThreadPostLoadFailed`, `ThreadPostCreated`, `ReplyParentLoaded`, `ReplyParentUpdated`, `ReplyParentLoadFailed`, `ThreadPostCreateFailed`
`ThreadReplyButton`	لا شيء	لا شيء
`ThreadReplyGate`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`ThreadPostBrowse`	`bodyContent`	`render-ui`	Body content tree
`ThreadPostBrowse`	`composerLabel`	`string`	composerLabel
`ThreadPostBrowse`	`itemActions`	`[ItemAction]`	Row actions
`ThreadPostBrowse`	`replyRoles`	`[string]`	Roles that can reply
`ThreadPostBrowse`	`sectionTitle`	`string`	sectionTitle
`ThreadPostBrowse`	`tableLook`	`string`	Table look
`ThreadPostBrowse`	`threadRootId`	`string`	Root post id
`ThreadPostBrowse`	`viewerRole`	`string`	Viewer's role
`ThreadReplyButton`	`action`	`unknown`
`ThreadReplyButton`	`icon`	`unknown`
`ThreadReplyButton`	`label`	`unknown`
`ThreadReplyButton`	`variant`	`unknown`
`ThreadReplyGate`	`content`	`unknown`
`ThreadReplyGate`	`roles`	`unknown`
`ThreadReplyGate`	`viewerRole`	`unknown`

`std-tree`

generic hierarchical node browser. Fetches a flat TreeNode collection and renders it through file-tree's flat items mode (parentId-nested at render time by the component, not the .lolo); OPEN_NODE is the external handoff for a selected node's id. Rebindable: pass fields at the call site to retarget it at any parent-pointer entity (categories, org units, comment threads). Search/filter are wired (REFETCH_QUERY/REFETCH_FILTER re-fetch the flat node set server-side). look: rail renders the compact sidebar-navigation form (slim caption, nav-styled rows) for mounting in an app layout's sidebarTrait; SET_CURRENT marks the open record so the row highlights and its ancestors auto-expand; childAction: true renders a hover plus-affordance per row emitting CHILD_REQUESTED { parentId } for the host's create-draft writer; pagination is deliberately NOT offered — a hierarchy is not a paged list, and paging a flat node set would sever children from parents that fell on another page.

lolo

uses Tree from "std/behaviors/std-tree"

الكيان: TreeNode (persistent)

السمات

السمة	الأحداث	يبثّ
`TreeBrowse`	`SET_CURRENT`, `REFETCH_QUERY`, `REFETCH_FILTER`, `ADD_CHILD`, `RETRY`	`OPEN_NODE`, `CHILD_REQUESTED`, `TreeNodeLoaded`, `TreeNodeLoadFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`TreeBrowse`	`bodySearch`	`boolean`	Show the tree's own search box?
`TreeBrowse`	`childAction`	`boolean`	Row + affordance?
`TreeBrowse`	`childActionLabel`	`string`	Row + tooltip
`TreeBrowse`	`filterBarLook`	`string`	Filter bar look
`TreeBrowse`	`filters`	`[FilterSpec]`	Which filters should appear above the tree?
`TreeBrowse`	`iconField`	`string`	Icon column
`TreeBrowse`	`labelField`	`string`	Label column
`TreeBrowse`	`look`	`string`	Tree look
`TreeBrowse`	`parentField`	`string`	Parent column
`TreeBrowse`	`searchPlaceholder`	`string`	Search box placeholder text
`TreeBrowse`	`title`	`string`	Section title

`std-version-history`

wiki/CMS revision history with diff + rollback. Browses revisions; opens detail in viewing_single; compares the opened revision with the newest in comparing; Rollback emits RevisionRolledBack { row } for the consumer to restore onto its source document. RevisionManage is a rebindable single-entity trait: a consumer rebinds it to its own entity via linkedEntity. config.scopeField names the Revision field holding the parent document id; a page-mounted {id} route param scopes INIT's own fetch, and a consumer forwards SHOW_HISTORY { key } (via a listens override) to rescope the feed to one document — empty scopeField (default) or no id keeps today's unfiltered global feed. Rollback and retry refetches stay scoped.

lolo

uses VersionHistory from "std/behaviors/std-version-history"

الكيان: Revision (persistent)

السمات

السمة	الأحداث	يبثّ
`RevisionManage`	`SHOW_HISTORY`	`OPEN_REVISION`, `CLOSE_VIEW`, `COMPARE`, `ROLLBACK`, `RevisionLoaded`, `RevisionLoadFailed`, `RevisionRolledBack`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`RevisionManage`	`itemActions`	`[ItemAction]`	Row actions
`RevisionManage`	`itemClickEvent`	`event`	Row click
`RevisionManage`	`scopeField`	`string`	Scope field
`RevisionManage`	`statLook`	`string`	Stat display look
`RevisionManage`	`tableLook`	`string`	Table look
`RevisionManage`	`title`	`string`	Section title
`RevisionManage`	`viewerRole`	`string`	Viewer's role

`std-vote`

forum-style up/down vote tally with single-vote-per-user constraint. Owns a Vote entity, rebindable so a host orbital can target its own entity in place of Vote. VOTE carries the targetId being voted on and persists it plus the new direction onto that row (toggling to none when re-clicking the active arrow), emitting VoteCasted -> external so sibling traits can react. SET_VOTE_TARGET rebinds the trait to a new targetId and refetches scoped to it, mirroring std-browse's REFETCH_FILTER.

lolo

uses Vote from "std/behaviors/std-vote"

الكيان: Vote (persistent)

السمات

السمة	الأحداث	يبثّ
`VoteCast`	`SET_VOTE_TARGET`	`VOTE`, `VoteLoaded`, `VoteLoadFailed`, `VoteCasted`, `VoteCastFailed`

`std-wizard`

generic N-step data-collection wizard (Vercel deploy / GitHub repo create / Stripe Connect onboarding style). Each step has its own form fields. Topology = loading / running / completed / cancelled / error. ADVANCE is guard-routed: not-last-step advances; last-step transitions to completed. Distinct from std-step-flow (approval-decision) — wizard collects data via form-section per step, step-flow collects yes/no decisions.

lolo

uses Wizard from "std/behaviors/std-wizard"

الكيان: WizardView (runtime)

السمات

السمة	الأحداث	يبثّ
`WizardForm`	لا شيء	`ADVANCE`, `RETREAT`, `CANCEL`, `RESTART`, `WizardLoaded`, `WizardLoadFailed`, `WizardSaved`, `WizardSaveFailed`

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`WizardForm`	`cardLook`	`string`	Card look
`WizardForm`	`steps`	`[StepSpec]`	Steps
`WizardForm`	`title`	`string`	Wizard title

molecules

`std-stat-rows`

a vertical stack of stat-badge rows rendered from a config-driven list. Exemplar for dynamic collection rendering over an arbitrary container: (array/map @entity.rows (fn item …)) sits directly in a children: position, so no renderItem pattern is needed; the map lambda binds each row's fields with @item.<field>.

lolo

uses StatRows from "std/behaviors/std-stat-rows"

الكيان: StatRowsData (runtime)

السمات

السمة	الأحداث	يبثّ
`StatRowsRender`	لا شيء	لا شيء

مفاتيح الإعداد

السمة	المفتاح	النوع	التسمية
`StatRowsRender`	`className`	`string`	Class Name
`StatRowsRender`	`gap`	`string`	Gap
`StatRowsRender`	`rows`	`[StatRow]`	Rows

مصانع الأنماط

سلوك ui-* واحد لكل نمط واجهة، مولَّد من سجل الأنماط مباشرة: مفاتيح إعداده هي خصائص النمط.

الاسم	الوصف
`ui-animated-graphic`	AnimatedGraphic
`ui-animated-reveal`	AnimatedReveal
`ui-aside`	Aside
`ui-atlas-image`	AtlasImage
`ui-atlas-panel`	AtlasPanel
`ui-avatar`	Avatar
`ui-badge`	Badge
`ui-box`	Box
`ui-button`	Button
`ui-card`	Card
`ui-center`	Center
`ui-checkbox`	Checkbox
`ui-conditional-wrapper`	ConditionalWrapper
`ui-confetti-effect`	ConfettiEffect
`ui-day-cell`	DayCell
`ui-dialog`	Dialog
`ui-divider`	Divider
`ui-filter-pill`	FilterPill
`ui-flip-container`	FlipContainer
`ui-game-icon`	GameIcon
`ui-hstack`	Hstack
`ui-icon`	Icon
`ui-image`	Image
`ui-infinite-scroll-sentinel`	InfiniteScrollSentinel
`ui-input`	Input
`ui-label`	Label
`ui-law-reference-tooltip`	LawReferenceTooltip
`ui-overlay`	Overlay
`ui-pattern-tile`	PatternTile
`ui-presence`	Presence
`ui-progress-bar`	ProgressBar
`ui-radio`	Radio
`ui-range-slider`	RangeSlider
`ui-section-header`	SectionHeader
`ui-select`	Select
`ui-spacer`	Spacer
`ui-sparkline`	Sparkline
`ui-spinner`	Spinner
`ui-stack`	Stack
`ui-status-dot`	StatusDot
`ui-svg-branch`	SvgBranch
`ui-svg-connection`	SvgConnection
`ui-svg-flow`	SvgFlow
`ui-svg-grid`	SvgGrid
`ui-svg-lobe`	SvgLobe
`ui-svg-mesh`	SvgMesh
`ui-svg-morph`	SvgMorph
`ui-svg-node`	SvgNode
`ui-svg-pulse`	SvgPulse
`ui-svg-ring`	SvgRing
`ui-svg-shield`	SvgShield
`ui-svg-stack`	SvgStack
`ui-switch`	Switch
`ui-text-highlight`	TextHighlight
`ui-textarea`	Textarea
`ui-theme-toggle`	ThemeToggle
`ui-time-slot-cell`	TimeSlotCell
`ui-trait-frame`	TraitFrame
`ui-trend-indicator`	TrendIndicator
`ui-typewriter-text`	TypewriterText
`ui-typography`	Typography
`ui-vstack`	Vstack
`ui-accordion`	Accordion
`ui-activation-block`	ActivationBlock
`ui-agent-activity-feed`	AgentActivityFeed
`ui-agent-activity-row`	AgentActivityRow
`ui-agent-chat-feed`	AgentChatFeed
`ui-alert`	Alert
`ui-animated-counter`	AnimatedCounter
`ui-bloom-quiz-block`	BloomQuizBlock
`ui-branching-logic-builder`	BranchingLogicBuilder
`ui-breadcrumb`	Breadcrumb
`ui-calendar-grid`	CalendarGrid
`ui-carousel`	Carousel
`ui-change-list`	The plain-language changes in one version (added / modified / removed).
`ui-chart-legend`	ChartLegend
`ui-chart`	Chart
`ui-code-block`	CodeBlock
`ui-command-palette`	CommandPalette
`ui-commit-row`	One version in a history list
`ui-confirm-dialog`	ConfirmDialog
`ui-connection-block`	ConnectionBlock
`ui-container`	Container
`ui-content-renderer`	ContentRenderer
`ui-data-grid`	DataGrid
`ui-data-list`	DataList
`ui-date-range-picker`	DateRangePicker
`ui-date-range-selector`	DateRangeSelector
`ui-doc-breadcrumb`	DocBreadcrumb
`ui-doc-pagination`	DocPagination
`ui-doc-search`	DocSearch
`ui-doc-sidebar`	DocSidebar
`ui-doc-toc`	DocToc
`ui-document-details`	DocumentDetails
`ui-document-panel`	DocumentPanel
`ui-document-viewer`	DocumentViewer
`ui-drawer`	Drawer
`ui-edge-decoration`	EdgeDecoration
`ui-emoji-picker`	EmojiPicker
`ui-empty-state`	EmptyState
`ui-error-boundary`	ErrorBoundary
`ui-error-state`	ErrorState
`ui-feature-card`	FeatureCard
`ui-feature-grid`	FeatureGrid
`ui-file-tree`	FileTree
`ui-filter-group`	FilterGroup
`ui-flex`	Flex
`ui-flip-card`	FlipCard
`ui-floating-action-button`	FloatingActionButton
`ui-floating-toolbar`	FloatingToolbar
`ui-form-actions`	FormActions
`ui-form-field`	FormField
`ui-form-layout`	FormLayout
`ui-form-section-header`	FormSectionHeader
`ui-fx-overlay`	FxOverlay
`ui-gantt`	Gantt
`ui-geometric-pattern`	GeometricPattern
`ui-gradient-divider`	GradientDivider
`ui-graph-canvas`	GraphCanvas
`ui-graph-view`	GraphView
`ui-grid`	Grid
`ui-header`	Header
`ui-icon-button`	IconButton
`ui-import-preview-tree`	ImportPreviewTree
`ui-import-progress`	ImportProgress
`ui-import-source-picker`	ImportSourcePicker
`ui-input-group`	InputGroup
`ui-jazari-state-machine`	JazariStateMachine
`ui-lightbox`	Lightbox
`ui-likert-scale`	LikertScale
`ui-line-chart`	LineChart
`ui-loading-state`	LoadingState
`ui-map-view`	MapView
`ui-markdown-content`	MarkdownContent
`ui-matrix-question`	MatrixQuestion
`ui-menu`	Menu
`ui-meter`	Meter
`ui-modal`	Modal
`ui-navigation`	Navigation
`ui-notification`	Notification
`ui-number-stepper`	NumberStepper
`ui-option-constraint-group`	OptionConstraintGroup
`ui-orbital-visualization`	OrbitalVisualization
`ui-page-header`	PageHeader
`ui-page-transition`	PageTransition
`ui-pagination`	Pagination
`ui-popover`	Popover
`ui-positioned-canvas`	PositionedCanvas
`ui-progress-dots`	ProgressDots
`ui-pull-to-refresh`	PullToRefresh
`ui-qr-scanner`	QrScanner
`ui-quiz-block`	QuizBlock
`ui-reflection-block`	ReflectionBlock
`ui-relation-select`	RelationSelect
`ui-repeatable-form-section`	RepeatableFormSection
`ui-reply-tree`	ReplyTree
`ui-rich-text-editor`	RichTextEditor
`ui-scaled-diagram`	ScaledDiagram
`ui-search-input`	SearchInput
`ui-section`	Section
`ui-side-panel`	SidePanel
`ui-sidebar`	Sidebar
`ui-signature-pad`	SignaturePad
`ui-simple-grid`	SimpleGrid
`ui-skeleton`	Skeleton
`ui-social-proof`	SocialProof
`ui-sortable-list`	SortableList
`ui-split`	Split
`ui-star-rating`	StarRating
`ui-stat-display`	StatDisplay
`ui-swipeable-row`	SwipeableRow
`ui-table-view`	TableView
`ui-tabs`	Tabs
`ui-tag-input`	TagInput
`ui-tooltip`	Tooltip
`ui-top-nav-item`	TopNavItem
`ui-upload-drop-zone`	UploadDropZone
`ui-version-diff`	A line diff between two versions
`ui-violation-alert`	ViolationAlert
`ui-vote-stack`	VoteStack
`ui-wizard-container`	WizardContainer
`ui-wizard-navigation`	WizardNavigation
`ui-wizard-progress`	WizardProgress
`ui-chat-bar`	ChatBar
`ui-code-runner-panel`	CodeRunnerPanel
`ui-dashboard-grid`	DashboardGrid
`ui-detail-panel`	DetailPanel
`ui-dock-layout`	DockLayout
`ui-drawer-slot`	DrawerSlot
`ui-form-section`	FormSection
`ui-form`	Form
`ui-master-detail-layout`	MasterDetailLayout
`ui-media-gallery`	MediaGallery
`ui-modal-slot`	ModalSlot
`ui-runtime-debugger`	RuntimeDebugger
`ui-segment-renderer`	SegmentRenderer
`ui-split-pane`	SplitPane
`ui-stat-card`	StatCard
`ui-state-machine-view`	StateMachineView
`ui-subagent-trace-panel`	SubagentTracePanel
`ui-tabbed-container`	TabbedContainer
`ui-timeline`	Timeline
`ui-toast-slot`	ToastSlot

السلوكيات

الألعاب

Orb

اللغة التي تكون فيها القاعدة هي البرنامج.

تعلّم

ابدأ التوثيق المدونة

الأدوات

ساحة التجربة المكتبة القياسية استكشف العب التنزيلات Studio

المجتمع

GitHub Discord Almadar