chore(ui): align prettier across all three UI workspaces and enforce it in the ui:lint chain (#8193)

Root cause of the #8182 docs mangling: prettier coverage differed between
what 'npm run format' would rewrite locally and what CI checked (nothing).
Now the three UI workspaces agree everywhere:

- .prettierignore in every workspace covers the generated artifacts
  (openapi.json, routeTree.gen.ts, dist, CHANGELOG.md) and — deliberately —
  content/docs: prettier's mdx pass reformats the template-literal code
  inside <CodeBlock code={`...`}> attributes, destroying embedded
  YAML/compose indentation. Docs mdx stays formatter-free.
- One mechanical reformat brings every remaining file to prettier-clean.
- Each workspace gains format:check, wired into the root ui:lint chain that
  CI's validate job and npm run test:ci already run — local format runs and
  CI now enforce the identical surface, so drift of this class cannot land
  silently again.

Author: JSONbored

apps/loopover-miner-ui/.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.output
+.vinxi
+package-lock.json
+routeTree.gen.ts

apps/loopover-miner-ui/package.json

@@ -12,7 +12,8 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "test": "vitest run --coverage",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@loopover/ui-kit": ">=0.1.0 <2.0.0",

apps/loopover-ui/.prettierignore

@@ -6,3 +6,9 @@ pnpm-lock.yaml
 package-lock.json
 bun.lock
 routeTree.gen.ts
+# Generated -- regenerated by npm run ui:openapi; formatting churn only creates drift-check noise.
+public/openapi.json
+# Hand-authored docs content: prettier's mdx pass reformats the template-literal code inside
+# <CodeBlock code={`...`}> attributes, destroying embedded YAML/compose indentation (#8182 fallout,
+# repaired once already). Docs mdx is deliberately formatter-free.
+content/docs

apps/loopover-ui/package.json

@@ -19,7 +19,8 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "test": "vitest run",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@loopover/ui-kit": ">=0.1.0 <2.0.0",

apps/loopover-ui/src/chat-ui-primitives-audit.md

@@ -37,7 +37,7 @@ against the four primitives #6230 will eventually need. No code changes accompan
 - **`apps/loopover-ui/src/components/site/command-palette.tsx`** (`CommandPalette`) has the only
   bare `<input>` + live-filtered scrollable `<ul>` combination in the app (⌘K-triggered, `Escape`
   closes it, results navigate on click). It's close to "text input driving a list," but it is a
-  *search-and-navigate* palette, not a composer: there's no `onKeyDown` handling for `Enter` at all
+  _search-and-navigate_ palette, not a composer: there's no `onKeyDown` handling for `Enter` at all
   (results are selected by click, not by keyboard submit), no multi-line/auto-grow textarea, and no
   concept of "submit this text as a message." A submit-on-Enter composer would need to be built new,
   informed by this file's open/close and keyboard-listener patterns rather than by reusing its input.
@@ -61,11 +61,11 @@ against the four primitives #6230 will eventually need. No code changes accompan
 - **A live streaming-text consumer.** Grepping `apps/loopover-ui/src` for
   `EventSource|ReadableStream|text/event-stream|streaming` returns exactly one hit outside this
   audit: a comment in `apps/loopover-ui/src/lib/analytics-proxy.ts` explaining that the analytics
-  proxy buffers its (tiny) request body specifically so it does *not* need a streaming/duplex
+  proxy buffers its (tiny) request body specifically so it does _not_ need a streaming/duplex
   request — i.e. the one file that mentions "streaming" is explicitly the case of avoiding it. There
   is no code anywhere in the app that consumes an `EventSource`, a `fetch` response's `ReadableStream`
   body, or a `text/event-stream` response today. `animated-terminal.tsx` (above) is the closest
-  *rendering* precedent, but it has no real stream to consume from.
+  _rendering_ precedent, but it has no real stream to consume from.
 - **A chat-bubble / message-list component.** Nothing pairs an avatar, a role-colored bubble, and a
   timestamp into a reusable per-message unit. `audit-feed.tsx`'s table rows are the nearest list
   pattern, but as noted above they're tabular, not conversational.

package.json

@@ -60,7 +60,7 @@
     "ui:kit:build": "npm run build --workspace @loopover/ui-kit",
     "ui:build": "npm run ui:kit:build && turbo run build --filter=@loopover/engine && npm run ui:openapi && npm run extension:build && npm run miner-extension:build && npm --workspace @loopover/ui run build && npm --workspace @loopover/ui-miner run build",
     "ui:preview": "npm run ui:build && wrangler dev --config apps/loopover-ui/dist/server/wrangler.json --ip 127.0.0.1 --port 4173 --local",
-    "ui:lint": "npm run ui:kit:build && npm --workspace @loopover/ui run lint && npm --workspace @loopover/ui-miner run lint",
+    "ui:lint": "npm run ui:kit:build && npm --workspace @loopover/ui-kit run format:check && npm --workspace @loopover/ui run format:check && npm --workspace @loopover/ui run lint && npm --workspace @loopover/ui-miner run format:check && npm --workspace @loopover/ui-miner run lint",
     "ui:typecheck": "npm run ui:kit:build && npm --workspace @loopover/ui run typecheck && npm --workspace @loopover/ui-miner run typecheck",
     "preui:test": "npm run check-node-version",
     "ui:test": "npm run ui:kit:build && npm --workspace @loopover/ui run test && npm --workspace @loopover/ui-miner run test && npm --workspace @loopover/miner-extension run test",

packages/loopover-ui-kit/.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+CHANGELOG.md

packages/loopover-ui-kit/package.json

@@ -44,7 +44,9 @@
   "scripts": {
     "build": "tsc -p tsconfig.json",
     "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run"
+    "test": "vitest run",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "peerDependencies": {
     "react": "^19.2.7",

packages/loopover-ui-kit/src/components/accordion.tsx

@@ -10,7 +10,11 @@ const AccordionItem = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item ref={ref} className={cn("border-b", className)} {...props} />
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
 ));
 AccordionItem.displayName = "AccordionItem";
 

packages/loopover-ui-kit/src/components/alert-dialog.tsx

@@ -43,14 +43,29 @@ const AlertDialogContent = React.forwardRef<
 ));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className,
+    )}
+    {...props}
+  />
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
 
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
   <div
-    className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className,
+    )}
     {...props}
   />
 );
@@ -78,13 +93,18 @@ const AlertDialogDescription = React.forwardRef<
     {...props}
   />
 ));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName;
 
 const AlertDialogAction = React.forwardRef<
   React.ElementRef<typeof AlertDialogPrimitive.Action>,
   React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
 >(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
 
@@ -94,7 +114,11 @@ const AlertDialogCancel = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Cancel
     ref={ref}
-    className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className,
+    )}
     {...props}
   />
 ));