apps/web/src · scn-chat · Tangled

ATProto-based AI Assistant Chat interface.

scn-chat apps web src

4 folders · 5 files

pouriade.com · Have components return early rather than return a ternary when what they render depends on a condition. The loading guards in the preferences, plugin settings, admin settings, and access pages show their error or nothing with two plain returns, ReplyStream, Text, Status, and the Markdown image renderer return early, and ConversationView picks each message's actions in an actionsFor helper in place of a nested ternary. CLAUDE.md states the rule. · 1mo ago

Have components return early rather than return a ternary when what they render depends on a condition. The loading guards in the preferences, plugin settings, admin settings, and access pages show their error or nothing with two plain returns, ReplyStream, Text, Status, and the Markdown image renderer return early, and ConversationView picks each message's actions in an actionsFor helper in place of a nested ternary. CLAUDE.md states the rule.

Have React components take props: Props, declared as an interface, and read props.example rather than destructuring props in the signature. A component destructures only the values it builds other variables from, such as ModelSelect and EffortSelect passing the rest of their props to the select. Inline prop types became named interfaces, and CLAUDE.md states the rule.

Share the sidebar page shell between the admin and settings layouts, and group the secret props on SchemaFields. SidebarLayout in src/shared renders the sidebar beside the current section, taking the sidebar's contents as its nav, so AdminLayout and SettingsLayout hold only their own links. SchemaFields takes one optional secrets prop in place of secretFields, secretsSet, cleared, and onClear, with the cleared list and its handler together under clearing, so a form cannot offer clearing without both.

Have React components take props: Props, declared as an interface, and read props.example rather than destructuring props in the signature. A component destructures only the values it builds other variables from, such as ModelSelect and EffortSelect passing the rest of their props to the select. Inline prop types became named interfaces, and CLAUDE.md states the rule.

Keep the router from resetting the scroll on conversations, so search results and sibling choices keep their place.

routeTree.gen.ts

Merge main, bringing in the admin area from admin-ui: settings in the database instead of config.yml, roles, registration and access with viewers and suspension, plugin instances, and admin models. The server merges as is, apart from three fits to this branch: app.ts passes the app name from the settings store to Start with each request, in place of admin-ui's index.html templating; the viewer sign-in check looks for this branch's /shared/ links instead of /s/; and the development URL is port 3000, where the server serves the web app.

Server-render the web app: the session in the root's beforeLoad, server redirects, settings prefetched in loaders, and the chats in a client-only layout.

Add web search and fetch plugins; per-user tool switches, untrusted output wrapping, citations, and a settings sidebar.

Add the admin area for settings to replace config.yml.