@plitzi/plitzi-builder 0.38.4 → 0.38.5

package/dist/modules/Data/components/DataWelcome/index.d.ts

@@ -0,0 +1,3 @@
+import { default as DataWelcome } from './DataWelcome';
+export * from './DataWelcome';
+export default DataWelcome;

package/dist/modules/Data/helpers.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The space's own data, as its panel edits it: JSON files a provider of the space reads on the server — `query:
+ * '/data/<file>'` with `runtime: 'server'` — never served.
+ */
+/** What a space with no data starts from: one file, a list, to change rather than a blank page. */
+export declare const STARTER_FILES: Record<string, string>;
+/** A new file's name as typed, made a data file's: trimmed, and a `.json` one when it says nothing else. */
+export declare const dataFileName: (typed: string) => string;
+/** What is wrong with a file's text as JSON, as the parser says it — or nothing, when it reads. */
+export declare const jsonProblemOf: (text: string) => string | undefined;
+/** The query a provider reads a file by. */
+export declare const queryOf: (file: string) => string;

package/dist/modules/Data/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Data } from './Data';
+export default Data;

package/dist/modules/Data/useData.d.ts

@@ -0,0 +1,12 @@
+import { DataDraft, DataSaveResult } from '@plitzi/sdk-shared';
+/**
+ * The space's data draft, and saving it — through the same operation an agent's MCP and a project's `plitzi push` end
+ * in (`SpaceSaveData`): whole, against the version it was read at.
+ */
+declare const useData: () => {
+    draft: DataDraft | undefined;
+    error: string;
+    isLoading: boolean;
+    save: (files: DataDraft["files"]) => Promise<DataSaveResult | undefined>;
+};
+export default useData;

package/dist/modules/Elements/CategoryChip.d.ts

@@ -0,0 +1,11 @@
+export type CategoryChipProps = {
+    id: string;
+    label: string;
+    icon: string;
+    count: number;
+    active: boolean;
+    onSelect: (id: string) => void;
+};
+/** One category to show, chosen in a row of them: its name, how many it holds, and whether it is the one shown. */
+declare const CategoryChip: ({ id, label, icon, count, active, onSelect }: CategoryChipProps) => import('react').JSX.Element;
+export default CategoryChip;

package/dist/modules/Elements/Element.d.ts

@@ -2,5 +2,6 @@ import { ComponentDefinition } from '@plitzi/sdk-shared';
 export type ElementProps = {
     component: ComponentDefinition;
 };
-declare const Element: ({ component: { market: { icon }, definition: { label, type } } }: ElementProps) => import('react').JSX.Element;
+/** One element of the catalog, dragged onto the canvas or into Layers: its icon, its whole name, what it is on hover. */
+declare const Element: ({ component }: ElementProps) => import('react').JSX.Element;
 export default Element;

package/dist/modules/Elements/ElementCategory.d.ts

@@ -1,7 +1,10 @@
 import { ComponentDefinition } from '@plitzi/sdk-shared';
 export type ElementCategoryProps = {
-    components?: ComponentDefinition[];
-    category?: string;
+    components: ComponentDefinition[];
+    category: string;
+    /** Said above the grid — when a search lists several categories at once. */
+    titled?: boolean;
 };
-declare const ElementCategory: ({ components, category }: ElementCategoryProps) => import('react').JSX.Element | undefined;
+/** The elements of one category, as a compact grid to drag from. */
+declare const ElementCategory: ({ components, category, titled }: ElementCategoryProps) => import('react').JSX.Element;
 export default ElementCategory;

package/dist/modules/Elements/ElementHelper.d.ts

@@ -11,5 +11,15 @@ export declare const getInitialItems: (parentId: string, items: string[] | undef
     directItems: Record<string, Element>;
     items: Record<string, Element>;
 };
-/** The catalog as the elements panel lists it: every definition whose label matches `filter`, grouped by category. */
-export declare const definitionsByCategory: (definitions: Record<string, ComponentDefinition>, filter: string) => Record<string, ComponentDefinition[]>;
+/** How a category is shown: its name and icon — a plugin's own category by the name it gave. */
+export declare const categoryDisplay: (category: string) => {
+    label: string;
+    icon: string;
+};
+/** A definition's description, cut to its first sentence: what the panel says of it on hover. */
+export declare const summaryOf: (definition: ComponentDefinition) => string;
+/**
+ * The catalog as the elements panel lists it: every definition an author can drag in whose label or type matches
+ * `filter`, grouped by category — the categories in the panel's order, the elements in each by their label.
+ */
+export declare const definitionsByCategory: (definitions: Record<string, ComponentDefinition>, filter: string) => [string, ComponentDefinition[]][];

package/dist/modules/Elements/Elements.d.ts

@@ -1,2 +1,6 @@
+/**
+ * What can be dropped on a page: one category at a time, chosen in a row of chips — so the panel stays the same height
+ * however many elements plugins add — and the space's components as one more. A search looks through all of them.
+ */
 declare const Elements: () => import('react').JSX.Element;
 export default Elements;

package/dist/modules/{Functions/components/FunctionsSidebar → FileTree}/components/FileItem/FileItem.d.ts

@@ -4,7 +4,7 @@ export type FileItemProps = {
     depth: number;
     selected: boolean;
     modified: boolean;
-    /** `index.ts` is what everything starts from: it is never removed. */
+    /** Whether it may be removed — not the file everything starts from (the functions' `index.ts`). */
     removable: boolean;
     onSelect: (file: string) => void;
     onRemove: (file: string) => void;

package/dist/modules/FileTree/components/NewFile/NewFile.d.ts

@@ -0,0 +1,11 @@
+export type NewFileProps = {
+    /** An example of a name, shown while there is none: `lib/feed.ts`. */
+    placeholder: string;
+    /** The file a typed name is — trimmed, with the extension the list's files have when it says none. */
+    nameOf: (typed: string) => string;
+    onAdd: (file: string) => void;
+    onCancel: () => void;
+};
+/** A new file's name, typed where the list starts: Enter adds it — `lib/feed.ts` makes the folder too — Escape lets it go. */
+declare const NewFile: ({ placeholder, nameOf, onAdd, onCancel }: NewFileProps) => import('react').JSX.Element;
+export default NewFile;

package/dist/modules/FileTree/components/SaveStateBadge/SaveStateBadge.d.ts

@@ -0,0 +1,7 @@
+import { SaveState } from '../../helpers';
+export type SaveStateBadgeProps = {
+    state: SaveState;
+};
+/** Where the files stand, as a header shows it: a dot and a few words, in the tone of what it says. */
+declare const SaveStateBadge: ({ state }: SaveStateBadgeProps) => import('react').JSX.Element;
+export default SaveStateBadge;

package/dist/modules/FileTree/components/SaveStateBadge/index.d.ts

@@ -0,0 +1,2 @@
+import { default as SaveStateBadge } from './SaveStateBadge';
+export default SaveStateBadge;

package/dist/modules/FileTree/helpers.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A list of files edited in a panel — the functions' source, the data's JSON: how it reads as a tree, how a save is
+ * asked for, and where the files stand.
+ */
+/** The editor filling the space it is given, so CodeMirror scrolls its own lines and keeps its gutter in place. */
+export declare const EDITOR_CLASS_NAME: {
+    root: string;
+    inputContainer: string;
+};
+/** How far a file or a folder is indented for each folder it is in, in pixels. */
+export declare const FILE_INDENT_PX = 12;
+/** One row of the file list: a folder, or a file under the folders before it. */
+export type FileRow = {
+    kind: 'folder';
+    path: string;
+    depth: number;
+} | {
+    kind: 'file';
+    path: string;
+    name: string;
+    depth: number;
+};
+/**
+ * The files as a tree reads, top to bottom: each folder once, before what is in it, and every name indented by how
+ * deep it is — `first` before them all, when it is the file everything starts from (the functions' `index.ts`).
+ */
+export declare const fileRows: (files: readonly string[], first?: string) => FileRow[];
+/** Whether a key press is "save": ⌘S on a Mac, Ctrl+S elsewhere. */
+export declare const isSaveKey: (event: KeyboardEvent) => boolean;
+/** Where the files stand, in a few words and a tone: what the header shows. */
+export type SaveState = {
+    label: string;
+    tone: 'unsaved' | 'problems' | 'saved';
+};
+/**
+ * Where the files stand: what the last save found wrong, changes not saved yet — in how many files — or saved, which is
+ * what the builder runs. Nothing for files never saved.
+ */
+export declare const saveState: (modified: number, problems: number, saved: boolean) => SaveState | undefined;

package/dist/modules/FileTree/index.d.ts

@@ -0,0 +1,7 @@
+export { default as FileItem } from './components/FileItem';
+export { default as FolderItem } from './components/FolderItem';
+export { default as NewFile } from './components/NewFile';
+export { default as SaveStateBadge } from './components/SaveStateBadge';
+export { default as SidebarSection } from './components/SidebarSection';
+export { EDITOR_CLASS_NAME, FILE_INDENT_PX, fileRows, isSaveKey, saveState } from './helpers';
+export type { FileRow, SaveState } from './helpers';

package/dist/modules/Functions/components/FunctionsHeader/FunctionsHeader.d.ts

@@ -1,4 +1,4 @@
-import { SaveState } from '../../helpers';
+import { SaveState } from '../../../FileTree';
 export type FunctionsHeaderProps = {
     /** Where the files stand — none for a space with no functions yet. */
     state?: SaveState;

package/dist/modules/Functions/helpers.d.ts

@@ -20,40 +20,10 @@ export declare const routeParts: (route: string, prefix: string) => {
     method: string;
     path: string;
 };
-/** How far a file or a folder is indented for each folder it is in, in pixels. */
-export declare const FILE_INDENT_PX = 12;
 /** A new file's name as typed, made a file's: trimmed, and a TypeScript one when it says nothing else. */
 export declare const newFileName: (typed: string) => string;
-/** One row of the file list: a folder, or a file under the folders before it. */
-export type FileRow = {
-    kind: 'folder';
-    path: string;
-    depth: number;
-} | {
-    kind: 'file';
-    path: string;
-    name: string;
-    depth: number;
-};
-/**
- * The files as a tree reads, top to bottom: each folder once, before what is in it, and every name indented by how
- * deep it is — `index.ts` first, as the file everything starts from.
- */
-export declare const fileRows: (files: readonly string[]) => FileRow[];
 /** A param's value as a field shows it: text as it is, a number as its digits, anything else as nothing. */
 export declare const fieldText: (value: unknown) => string;
-/** Whether a key press is "save": ⌘S on a Mac, Ctrl+S elsewhere. */
-export declare const isSaveKey: (event: KeyboardEvent) => boolean;
-/** Where the files stand, in a few words and a tone: what the header shows. */
-export type SaveState = {
-    label: string;
-    tone: 'unsaved' | 'problems' | 'saved';
-};
-/**
- * Where the files stand: what the last save found wrong, changes not saved yet — in how many files — or saved, which is
- * what the builder runs. Nothing for a space with no functions.
- */
-export declare const saveState: (modified: number, problems: number, saved: boolean) => SaveState | undefined;
 /**
  * The CPU a task may ask for from the panel, in milliseconds: from the default an invocation gets to a second, in steps
  * a person can tell apart. More than that is asked for in the code, up to what the server allows.
@@ -122,8 +92,3 @@ export declare const withCpu: (limits: FunctionTimeLimits | undefined, cpuMs: nu
 export declare const limitsBlockedBy: (ready: boolean, task: ListedTask) => string;
 /** The task written around an offset of a file — the one the cursor is in — or none. */
 export declare const taskAt: (tasks: readonly ListedTask[], file: string, offset: number) => ListedTask | undefined;
-/** The editor filling the space it is given, so CodeMirror scrolls its own lines and keeps its gutter in place. */
-export declare const EDITOR_CLASS_NAME: {
-    root: string;
-    inputContainer: string;
-};

package/dist/modules/Interactions/components/Workflow/helpers/whileRunning.d.ts

@@ -1,6 +1,6 @@
 import { Option, OptionGroup } from '@plitzi/plitzi-ui/Select2';
 import { WhileRunning } from '@plitzi/sdk-shared';
-/** The three answers to "fired again while this flow runs", as the trigger's panel offers them. */
+/** The answers to "fired again while this flow runs", as the trigger's panel offers them. */
 export declare const WHILE_RUNNING_OPTIONS: (Exclude<Option, OptionGroup> & {
     value: WhileRunning;
 })[];

package/dist/modules/Usages/Usages.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Where the space uses what it declares — components, classes, style tokens and space variables, data sources — and
+ * what nothing uses. Every use is a link to the element, on whichever page, layout or component it is.
+ *
+ * A panel beside the canvas rather than a dialog over it: following uses one after another is the job, and the list
+ * has to stay where it is while each one is looked at. The kinds are picked from a list rather than tabs, so each can
+ * say how many there are, and how many nobody uses, at the panel's narrowest.
+ */
+declare const Usages: () => import('react').JSX.Element;
+export default Usages;

package/dist/modules/Usages/components/UsageList/UsageList.d.ts

@@ -0,0 +1,13 @@
+import { UsageCategory, UsageItem } from '../../helpers/usageIndex';
+export type UsageListProps = {
+    category: UsageCategory;
+    items: UsageItem[];
+};
+/**
+ * What the space declares of one kind, each with where it is used — and, filtered, what nothing uses.
+ *
+ * The search, the filter and the row open are kept among the builder's preferences: opening a component from here
+ * draws every panel again inside it, and the list has to be where it was when that is done.
+ */
+declare const UsageList: ({ category, items }: UsageListProps) => import('react').JSX.Element;
+export default UsageList;

package/dist/modules/Usages/components/UsageList/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageList } from './UsageList';
+export * from './UsageList';
+export default UsageList;

package/dist/modules/Usages/components/UsageRow/UsageRow.d.ts

@@ -0,0 +1,11 @@
+import { UsageCategory, UsageItem } from '../../helpers/usageIndex';
+export type UsageRowProps = {
+    item: UsageItem;
+    category: UsageCategory;
+    open: boolean;
+    /** Said under the name when nothing uses it. */
+    unusedText: string;
+    onToggle: (key: string) => void;
+};
+declare const _default: import('react').MemoExoticComponent<({ item, category, open, unusedText, onToggle }: UsageRowProps) => import('react').JSX.Element>;
+export default _default;

package/dist/modules/Usages/components/UsageRow/components/UsageElement/UsageElement.d.ts

@@ -0,0 +1,8 @@
+import { ElementUsage } from '../../../../helpers/usageIndex';
+export type UsageElementProps = {
+    usage: ElementUsage;
+    onReveal: (usage: ElementUsage) => void;
+};
+/** An element that uses the item, and how: a link that takes the author to it. */
+declare const UsageElement: ({ usage, onReveal }: UsageElementProps) => import('react').JSX.Element;
+export default UsageElement;

package/dist/modules/Usages/components/UsageRow/components/UsageElement/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageElement } from './UsageElement';
+export * from './UsageElement';
+export default UsageElement;

package/dist/modules/Usages/components/UsageRow/components/UsageOwner/UsageOwner.d.ts

@@ -0,0 +1,9 @@
+import { ElementUsage } from '../../../../helpers/usageIndex';
+export type UsageOwnerProps = {
+    owner: ElementUsage;
+    /** A component's root, which the link opens; otherwise the element that provides the item. */
+    opensComponent: boolean;
+};
+/** Where the item is declared — a component's own tree, a data source's provider — and the way to it. */
+declare const UsageOwner: ({ owner, opensComponent }: UsageOwnerProps) => import('react').JSX.Element;
+export default UsageOwner;

package/dist/modules/Usages/components/UsageRow/components/UsageOwner/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageOwner } from './UsageOwner';
+export * from './UsageOwner';
+export default UsageOwner;

package/dist/modules/Usages/components/UsageRow/components/UsageReferences/UsageReferences.d.ts

@@ -0,0 +1,7 @@
+import { SpaceReference } from '../../../../helpers/usageIndex';
+export type UsageReferencesProps = {
+    references: SpaceReference[];
+};
+/** What uses the item and is not an element: the selectors and tokens that read it, the custom CSS, computed values. */
+declare const UsageReferences: ({ references }: UsageReferencesProps) => import('react').JSX.Element;
+export default UsageReferences;

package/dist/modules/Usages/components/UsageRow/components/UsageReferences/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageReferences } from './UsageReferences';
+export * from './UsageReferences';
+export default UsageReferences;

package/dist/modules/Usages/components/UsageRow/components/UsageTreeGroup/UsageTreeGroup.d.ts

@@ -0,0 +1,7 @@
+import { TreeGroup } from '../../../../helpers/grouping';
+export type UsageTreeGroupProps = {
+    group: TreeGroup;
+};
+/** The uses in one page, layout or component, under its name. */
+declare const UsageTreeGroup: ({ group }: UsageTreeGroupProps) => import('react').JSX.Element;
+export default UsageTreeGroup;

package/dist/modules/Usages/components/UsageRow/components/UsageTreeGroup/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageTreeGroup } from './UsageTreeGroup';
+export * from './UsageTreeGroup';
+export default UsageTreeGroup;

package/dist/modules/Usages/components/UsageRow/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UsageRow } from './UsageRow';
+export * from './UsageRow';
+export default UsageRow;

package/dist/modules/Usages/helpers/copy.d.ts

@@ -0,0 +1,21 @@
+import { UsageCategory, UsageTreeKind } from './usageIndex';
+/** The order the panel offers them in. */
+export declare const USAGE_CATEGORIES: readonly UsageCategory[];
+export declare const isUsageCategory: (value: string) => value is UsageCategory;
+type CategoryCopy = {
+    /** What the category is called in the panel's picker. */
+    label: string;
+    /** What the search box searches. */
+    search: string;
+    /** Said when the space declares none. */
+    empty: string;
+    /** Said of an item nothing uses, under its name. */
+    unused: string;
+    /** What the unused filter is called. */
+    unusedFilter: string;
+};
+export declare const CATEGORY_COPY: Record<UsageCategory, CategoryCopy>;
+/** What "unused" can and cannot know, said once over every list. */
+export declare const UNUSED_NOTE = "\u201CUnused\u201D means nothing in this space uses it \u2014 a plugin\u2019s own code or stylesheet may still.";
+export declare const TREE_ICON: Record<UsageTreeKind, string>;
+export {};

package/dist/modules/Usages/helpers/grouping.d.ts

@@ -0,0 +1,14 @@
+import { ElementUsage, SpaceReference, UsageItem, UsageTree } from './usageIndex';
+export type TreeGroup = {
+    tree: UsageTree;
+    elements: ElementUsage[];
+};
+/** The uses of an item by the tree each is in, in the order the index found them: pages and layouts, then components. */
+export declare const groupByTree: (elements: ElementUsage[]) => TreeGroup[];
+/** `3 elements in 2 places`, or what reads it when no element does. */
+export declare const usageSummary: (elements: ElementUsage[], references: SpaceReference[]) => string;
+/**
+ * The count beside a name: the elements that use it; when none does, how many other things read it; and when nothing
+ * does but its name is still said somewhere — in prose, a setting — that it is named, which is why it is not unused.
+ */
+export declare const usageCount: (item: UsageItem) => string;

package/dist/modules/Usages/helpers/grouping.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Usages/helpers/providerTypes.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The built-in types that exist only to provide data, by the prefix their source is named under.
+ *
+ * Only these are listed when nothing reads them. A list, a modal or a form publishes a source too, but has a job of its
+ * own besides — one whose source nobody reads is not one to clean up — so those are listed once something reads them.
+ */
+export declare const PROVIDER_TYPES: Readonly<Record<string, string>>;

package/dist/modules/Usages/helpers/unusedParity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Usages/helpers/usageIndex.d.ts

@@ -0,0 +1,67 @@
+import { Schema, Style } from '@plitzi/sdk-shared';
+export type UsageCategory = 'components' | 'classes' | 'variables' | 'dataSources';
+export type UsageTreeKind = 'page' | 'layout' | 'component';
+/** A tree of the document an element lives in: a page or a layout of `schema.flat`, or a component's own `flat`. */
+export type UsageTree = {
+    kind: UsageTreeKind;
+    id: string;
+    label: string;
+};
+/** One element that uses an item, and in which ways — `var(--brand) in .btn`, `apiContainer_products.data`. */
+export type ElementUsage = {
+    elementId: string;
+    elementType: string;
+    /** Free display text, only when it says something the id does not. */
+    label?: string;
+    tree: UsageTree;
+    via: string[];
+};
+/** A use that is not an element: a selector, another token, the space's custom CSS, a computed value. */
+export type SpaceReference = {
+    kind: 'selector' | 'variable' | 'customCss' | 'computed';
+    name: string;
+};
+export type UsageItem = {
+    /** Unique across the whole index: `component:card`, `class:btn`, `token:color:brand`, `source:state`. */
+    key: string;
+    name: string;
+    /** What it is within its category: a token's group, `space variable`, a provider's source prefix, `global`. */
+    detail: string;
+    /** The element that declares it, where one does: a component's root, a data source's provider. */
+    owner?: ElementUsage;
+    elements: ElementUsage[];
+    references: SpaceReference[];
+    /**
+     * Declared and used by nothing the space holds. For a class, a token or a component this is sdk-authoring's rule —
+     * the one its `unused-*` suggestions follow — which is more generous than `elements` and `references`: a class
+     * named as a word anywhere, in prose included, is not called unused.
+     */
+    unused: boolean;
+};
+export type UsageIndex = Record<UsageCategory, UsageItem[]>;
+export type UsageSource = {
+    schema: Schema;
+    style: Pick<Style, 'platform' | 'variables' | 'fonts'>;
+    /**
+     * Element type → the prefix the source it publishes is named under (`{ apiContainer: 'apiContainer' }`). A provider
+     * of these types is listed even when nothing reads it; any other element is listed as a source once something does.
+     */
+    providerTypes?: Readonly<Record<string, string>>;
+};
+/**
+ * Where everything the space declares is used: each component's instances, the elements wearing each class, what
+ * reads each style token and space variable, and what binds to each data source — in one pass over the document.
+ *
+ * Reads only what is written down. A class added by a plugin at run time, a token a plugin's own stylesheet reads, a
+ * source a template assembles from pieces: none of them can be seen from the document, so an item with no uses is
+ * one nothing in the SPACE uses.
+ */
+export declare const buildUsageIndex: (source: UsageSource) => UsageIndex;
+/** Declared, and used by nothing the space holds: a candidate to remove. */
+export declare const isUnused: (item: UsageItem) => boolean;
+/**
+ * `buildUsageIndex`, kept for the last document it was asked about: every reader of the same schema and style shares
+ * one index, and an edit rebuilds it reading again only the elements and selectors that changed — those are new
+ * objects, every other one is the object it was.
+ */
+export declare const usageIndexOf: (source: UsageSource) => UsageIndex;

package/dist/modules/Usages/helpers/usageIndex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Usages/hooks/useUsageIndex.d.ts

@@ -0,0 +1,9 @@
+import { UsageIndex } from '../helpers/usageIndex';
+/**
+ * The space's usage index, for what the builder holds now.
+ *
+ * Deferred: an edit is drawn first and the index catches up after it, so typing in a field is never held up by a
+ * rebuild — which re-reads only the elements and selectors the edit changed.
+ */
+declare const useUsageIndex: () => UsageIndex;
+export default useUsageIndex;

package/dist/modules/Usages/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Usages } from './Usages';
+export * from './Usages';
+export default Usages;

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.38.4",
+  "version": "0.38.5",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -34,7 +34,7 @@ declare const _default: {
     "@fortawesome/fontawesome-free": "^7.3.1",
     "@plitzi/nexus": "^1.4.0",
     "@plitzi/plitzi-sdk": "workspace:*",
-    "@plitzi/plitzi-ui": "^1.6.29",
+    "@plitzi/plitzi-ui": "^1.6.31",
     "@plitzi/sdk-auth": "workspace:*",
     "@plitzi/sdk-authoring": "workspace:*",
     "@plitzi/sdk-dev-tools": "workspace:*",
@@ -47,7 +47,6 @@ declare const _default: {
     "@plitzi/sdk-shared": "workspace:*",
     "@plitzi/sdk-style": "workspace:*",
     "@plitzi/sdk-variables": "workspace:*",
-    "@tanstack/react-virtual": "^3.14.13",
     "@typescript/vfs": "^1.6.5",
     "@valtown/codemirror-ts": "^2.3.1",
     "apollo-upload-client": "^20.0.0",
@@ -68,34 +67,18 @@ declare const _default: {
     "react-dom": "^19"
   },
   "devDependencies": {
-    "@babel/compat-data": "^8.0.5",
-    "@babel/core": "^8.0.6",
-    "@babel/helper-builder-react-jsx-experimental": "^7.12.11",
-    "@babel/helper-validator-identifier": "^8.0.6",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-transform-private-methods": "^8.0.1",
-    "@babel/plugin-transform-runtime": "^8.0.6",
-    "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^8.0.6",
-    "@babel/preset-react": "^8.0.1",
     "@plitzi/sdk-server": "workspace:*",
+    "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/postcss": "^4.3.3",
-    "css-loader": "^7.1.5",
     "eslint": "^9.39.5",
     "eslint-plugin-import": "^2.32.0",
-    "flow-bin": "^0.334.0",
     "postcss": "^8.5.28",
-    "postcss-loader": "^8.2.1",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.9.9",
-    "prop-types": "^15.8.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
-    "react-refresh": "^0.19.0",
-    "react-test-renderer": "^19.3.0",
     "sass": "^1.105.1",
     "sass-embedded": "^1.105.1",
-    "sass-loader": "^17.0.1",
     "stylelint": "^17.16.0",
     "stylelint-order": "^8.1.1",
     "stylelint-scss": "^7.3.0",
@@ -105,7 +88,6 @@ declare const _default: {
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-ejs": "^2.0.0",
     "vite-plugin-mkcert": "^2.1.0",
-    "vite-plugin-react": "^4.0.1",
     "vitest": "^5.0.3"
   },
   "scripts": {