fix(platform): Paper's no-results, destination and confirm copy, and PageOverflow for row bleeds

No-results copy reads No matching {noun}: no echoed query and no "found",
as Paper writes it (No matching integrations, settings, issues). The
resource-list noResults helper takes the noun; copy-case now reports an
echoed query or "found".

Home and Wiki are destinations Paper capitalizes mid-label, so they join
PROPER_NOUNS and Customize Home is restored. Chat as a place stays
lowercase, as Paper's Explore in chat does: Fix in chat, Troubleshoot in
chat, Show value in logs and chat.

A confirm about one named object names it in the title (Delete {name},
Remove {member}, Revoke {email}) and keeps only the consequence in the
description, as Paper's Disconnect Gmail does.

Surfaces whose hit area reaches past the text edge wrap in PageOverflow
instead of hand-writing margin-inline: calc(-1 * var(--ui-row-inset));
the new page-overflow rule reports the hand-written form. Home's bottom
inset uses spacing-24, the chat split's minimum uses
container-app-panel-start, and Issues prose uses container-reading as
Paper does.

Author: waleedlatif1

.claude/rules/sim-ui-copy.md

@@ -19,11 +19,11 @@ This applies to app UI outside the Platform: settings rows, modals, panels, card
 
 Platform views also share one vocabulary, documented in `apps/sim/platform/AGENTS.md` (Code-first product design) and enforced by `check:platform-design`:
 
-- **Sentence case** for every literal `title`, `label` and `*Label` prop (`confirmLabel`, `createLabel`, …), for `label`s and `*Label`s in menu, column, sort, command and action data, and for button, menu item and chip text (`copy-case`). Product, plan and brand names keep their capitals through `PROPER_NOUNS` / `PROPER_PHRASES` in `scripts/platform-source-rules.ts`; a page or tab name inside a label is a common noun ("Open logs", "Switch to runs").
+- **Sentence case** for every literal `title`, `label` and `*Label` prop (`confirmLabel`, `createLabel`, …), for `label`s and `*Label`s in menu, column, sort, command and action data, and for button, menu item and chip text (`copy-case`). Product, plan and brand names keep their capitals through `PROPER_NOUNS` / `PROPER_PHRASES` in `scripts/platform-source-rules.ts`; Home and Wiki are destinations Paper capitalizes ("Customize Home", "Create a Wiki page"); any other page or tab name inside a label is a common noun ("Open logs", "Switch to runs"), as is chat as a place ("Explore in chat").
 - **The `…` glyph**, never three periods, in rendered copy and in object or record values such as status labels (`copy-ellipsis`).
-- **Confirmations** go through `ConfirmDialog` with a real `pendingLabel` ("Deleting…"), `safe` when nothing is lost (`confirm-owner`). Titles are "{Verb} {noun}" with no question mark, identical for one object everywhere; unsaved changes read "Unsaved changes" / "Discard".
+- **Confirmations** go through `ConfirmDialog` with a real `pendingLabel` ("Deleting…"), `safe` when nothing is lost (`confirm-owner`). Titles are "{Verb} {object}" with no question mark, identical for one object everywhere: a dialog about one named object names it ("Delete Daily brief", "Disconnect Gmail") and the description keeps only the consequence; otherwise the noun ("Delete 3 rows"). Unsaved changes read "Unsaved changes" / "Discard".
 - **Verbs**: editing saves with "Save", creating says "Create {noun}", adding a connection or credential says "Add {noun}", OAuth keeps "Connect".
-- **Empty and no-results**: an empty list is `EmptyState` (`Muted` in a narrow rail or dialog picker); no results read "No matching {noun}", the query in curly quotes, no period.
+- **Empty and no-results**: an empty list is `EmptyState` (`Muted` in a narrow rail or dialog picker); no results read "No matching {noun}": no query, no "found", no period (`copy-case`).
 - **Back, tabs, alerts, tooltips** belong to their owners: `DirectoryBack` / `DetailHeader` with bare-noun labels (`back-owner`), `ContentTabs` (`tab-owner`), `InlineNotice` / `FailureNotice` / a field's `error` (`alert-owner`), and `Tooltip` / `OverflowText` rather than a native `title=` (`native-title`). Statuses use Logs' words: a failed run reads "Failed".
 
 **Carve-out — settings section metadata.** `SettingsNavigationItem.description` in `components/settings/navigation.ts` stays required, and `SettingsPanel` keeps rendering it as the page subtitle. Settings sections are reached through a nav list where the description is the only thing distinguishing adjacent sections, so it earns its place by the "prevents misunderstanding" test. Keep those descriptions verb-first and one line, per `sim-settings-pages.md`. Everything else on a settings page — inline `<p>` blurbs under section headings, field hints, modal bodies, row subtitles — follows the default rule above.

.cursor/rules/sim-ui-copy.mdc

@@ -15,11 +15,11 @@ This applies to app UI outside the Platform: settings rows, modals, panels, card
 
 Platform views also share one vocabulary, documented in `apps/sim/platform/AGENTS.md` (Code-first product design) and enforced by `check:platform-design`:
 
-- **Sentence case** for every literal `title`, `label` and `*Label` prop (`confirmLabel`, `createLabel`, …), for `label`s and `*Label`s in menu, column, sort, command and action data, and for button, menu item and chip text (`copy-case`). Product, plan and brand names keep their capitals through `PROPER_NOUNS` / `PROPER_PHRASES` in `scripts/platform-source-rules.ts`; a page or tab name inside a label is a common noun ("Open logs", "Switch to runs").
+- **Sentence case** for every literal `title`, `label` and `*Label` prop (`confirmLabel`, `createLabel`, …), for `label`s and `*Label`s in menu, column, sort, command and action data, and for button, menu item and chip text (`copy-case`). Product, plan and brand names keep their capitals through `PROPER_NOUNS` / `PROPER_PHRASES` in `scripts/platform-source-rules.ts`; Home and Wiki are destinations Paper capitalizes ("Customize Home", "Create a Wiki page"); any other page or tab name inside a label is a common noun ("Open logs", "Switch to runs"), as is chat as a place ("Explore in chat").
 - **The `…` glyph**, never three periods, in rendered copy and in object or record values such as status labels (`copy-ellipsis`).
-- **Confirmations** go through `ConfirmDialog` with a real `pendingLabel` ("Deleting…"), `safe` when nothing is lost (`confirm-owner`). Titles are "{Verb} {noun}" with no question mark, identical for one object everywhere; unsaved changes read "Unsaved changes" / "Discard".
+- **Confirmations** go through `ConfirmDialog` with a real `pendingLabel` ("Deleting…"), `safe` when nothing is lost (`confirm-owner`). Titles are "{Verb} {object}" with no question mark, identical for one object everywhere: a dialog about one named object names it ("Delete Daily brief", "Disconnect Gmail") and the description keeps only the consequence; otherwise the noun ("Delete 3 rows"). Unsaved changes read "Unsaved changes" / "Discard".
 - **Verbs**: editing saves with "Save", creating says "Create {noun}", adding a connection or credential says "Add {noun}", OAuth keeps "Connect".
-- **Empty and no-results**: an empty list is `EmptyState` (`Muted` in a narrow rail or dialog picker); no results read "No matching {noun}", the query in curly quotes, no period.
+- **Empty and no-results**: an empty list is `EmptyState` (`Muted` in a narrow rail or dialog picker); no results read "No matching {noun}": no query, no "found", no period (`copy-case`).
 - **Back, tabs, alerts, tooltips** belong to their owners: `DirectoryBack` / `DetailHeader` with bare-noun labels (`back-owner`), `ContentTabs` (`tab-owner`), `InlineNotice` / `FailureNotice` / a field's `error` (`alert-owner`), and `Tooltip` / `OverflowText` rather than a native `title=` (`native-title`). Statuses use Logs' words: a failed run reads "Failed".
 
 **Carve-out — settings section metadata.** `SettingsNavigationItem.description` in `components/settings/navigation.ts` stays required, and `SettingsPanel` keeps rendering it as the page subtitle. Settings sections are reached through a nav list where the description is the only thing distinguishing adjacent sections, so it earns its place by the "prevents misunderstanding" test. Keep those descriptions verb-first and one line, per `sim-settings-pages.md`. Everything else on a settings page — inline `<p>` blurbs under section headings, field hints, modal bodies, row subtitles — follows the default rule above.

apps/sim/app/(product)/_components/access-requests/review-requests.tsx

@@ -23,7 +23,7 @@ interface ReviewRequestsProps {
 }
 
 function emptyTitle(query: string, status: RequestStatusFilter, statusLabel: string | null) {
-  if (query) return `No matching requests for “${query}”`
+  if (query) return 'No matching requests'
   if (status === 'pending') return 'No pending requests'
   if (status === 'all') return 'No requests yet'
   return `No ${statusLabel?.toLowerCase()} requests`

apps/sim/app/(product)/_components/chat/panel/panels.module.css

@@ -32,7 +32,7 @@
 }
 /* The narrowest the chat beside the panel may be; the resize hook clamps to the same rule. */
 .frame[data-panel-open="true"] > .conversation {
-  min-inline-size: min(var(--container-480), 50%);
+  min-inline-size: min(var(--container-app-panel-start), 50%);
 }
 /* The panel's leading edge: an 8px grab area centered on the rule, taking no layout space. */
 .divider {

apps/sim/app/(product)/_components/get-started/get-started.module.css

@@ -2,5 +2,4 @@
   display: grid;
   gap: var(--ui-list-gap);
   min-inline-size: 0;
-  margin-inline: calc(-1 * var(--ui-row-inset));
 }

apps/sim/app/(product)/_components/get-started/get-started.tsx

@@ -1,5 +1,6 @@
 import { ActivityRow } from '@sim/emcn/activity-row'
 import { Icon } from '@sim/emcn/icon'
+import { PageOverflow } from '@sim/emcn-platform/page-column'
 import styles from '@/app/(product)/_components/get-started/get-started.module.css'
 import { HomeSection } from '@/app/(product)/_components/home-section/home-section'
 import type { HomeGetStartedStep } from '@/platform/shared/home'
@@ -11,18 +12,20 @@ interface GetStartedProps {
 export function GetStarted({ steps }: GetStartedProps) {
   return (
     <HomeSection title='Get started'>
-      <ul className={styles.entries}>
-        {steps.map((step) => (
-          <ActivityRow
-            key={step.id}
-            leading={<Icon name={step.complete ? 'I072' : 'I070'} />}
-            title={step.title}
-            detail={step.detail}
-            textMetadata={step.complete ? 'Done' : undefined}
-            href={step.href}
-          />
-        ))}
-      </ul>
+      <PageOverflow>
+        <ul className={styles.entries}>
+          {steps.map((step) => (
+            <ActivityRow
+              key={step.id}
+              leading={<Icon name={step.complete ? 'I072' : 'I070'} />}
+              title={step.title}
+              detail={step.detail}
+              textMetadata={step.complete ? 'Done' : undefined}
+              href={step.href}
+            />
+          ))}
+        </ul>
+      </PageOverflow>
     </HomeSection>
   )
 }

apps/sim/app/(product)/_components/links-page/links-page.tsx

@@ -259,7 +259,7 @@ export function LinksPage({ organizationId }: LinksPageProps) {
       ) : unsettled ? null : links.rows.length === 0 ? (
         links.term ? (
           <EmptyState
-            title={`No matching links for “${links.term}”`}
+            title='No matching links'
             description='Searched every link you can see.'
             action={<Button onClick={() => links.setSearch('')}>Clear search</Button>}
           />

apps/sim/app/(product)/_components/resource-directory/resource-directory.module.css

@@ -38,6 +38,3 @@
   align-items: center;
   gap: var(--ui-action-gap);
 }
-.back {
-  margin-inline: calc(-1 * var(--ui-row-inset));
-}

apps/sim/app/(product)/_components/resource-directory/resource-directory.tsx

@@ -1,6 +1,6 @@
 import type { ComponentProps, ReactNode, Ref } from 'react'
 import { Chip } from '@sim/emcn/button'
-import { PageColumn } from '@sim/emcn-platform/page-column'
+import { PageColumn, PageOverflow } from '@sim/emcn-platform/page-column'
 import type Link from 'next/link'
 import styles from '@/app/(product)/_components/resource-directory/resource-directory.module.css'
 
@@ -57,10 +57,12 @@ interface DirectoryBackProps {
 }
 export function DirectoryBack({ href, label, onNavigate }: DirectoryBackProps) {
   return (
-    <nav aria-label={`${label} navigation`} className={styles.back}>
-      <Chip href={href} icon='I093' onNavigate={onNavigate}>
-        {label}
-      </Chip>
-    </nav>
+    <PageOverflow>
+      <nav aria-label={`${label} navigation`}>
+        <Chip href={href} icon='I093' onNavigate={onNavigate}>
+          {label}
+        </Chip>
+      </nav>
+    </PageOverflow>
   )
 }

apps/sim/app/(product)/_components/secrets-editor/secrets-editor.tsx

@@ -579,7 +579,7 @@ function SecretRows({
           </SettingsSection>
         )
       })}
-      {noMatches && <EmptyState title={`No matching secrets for “${searchTerm}”`} />}
+      {noMatches && <EmptyState title='No matching secrets' />}
       <SaveActions
         dirty={hasChanges}
         saving={isSaving}