Refactor branding documentation and enhance pre-commit setup

- Improve formatting in BRANDING.md for better readability
- Add husky and lint-staged for pre-commit hooks in package.json
- Update TODO.md to reflect completed tasks
- Clean up code in ChatView, SpotifyPlayer, and MessagesTimeline components

Author: BunsDev

.claude/worktrees/agent-a634e4db

@@ -0,0 +1 @@
+bunx lint-staged

.claude/worktrees/agent-afc59fb8

@@ -4,10 +4,10 @@
 
 - [x] Only show last 10 threads for a given project
 - [x] Projects should be sorted by latest thread update
-- [ ] Submitting new messages should scroll to bottom — [#13](https://github.com/OpenKnots/okcode/issues/13)
+- [x] Submitting new messages should scroll to bottom — [#13](https://github.com/OpenKnots/okcode/issues/13)
 - [ ] Thread archiving — [#10](https://github.com/OpenKnots/okcode/issues/10)
 - [ ] New projects should go on top — [#11](https://github.com/OpenKnots/okcode/issues/11)
 
 ## Bigger things
 
-- [ ] Queueing messages — [#12](https://github.com/OpenKnots/okcode/issues/12)
+- [x] Queueing messages — [#12](https://github.com/OpenKnots/okcode/issues/12)

.husky/pre-commit

@@ -2236,9 +2236,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
       });
     })()
       .catch((err: unknown) => {
-        setOptimisticUserMessages((existing) =>
-          existing.filter((msg) => msg.id !== nextQueued.id),
-        );
+        setOptimisticUserMessages((existing) => existing.filter((msg) => msg.id !== nextQueued.id));
         setThreadError(
           threadIdForSend,
           err instanceof Error ? err.message : "Failed to send queued message.",

BRANDING.md

@@ -27,9 +27,7 @@ export function SpotifyToggleButton() {
       )}
     >
       <Music2Icon className="size-3.5" />
-      <span className="truncate">
-        {isOpen && activePlaylist ? activePlaylist.name : "Spotify"}
-      </span>
+      <span className="truncate">{isOpen && activePlaylist ? activePlaylist.name : "Spotify"}</span>
       {isOpen && (
         <span className="ml-auto flex size-1.5 rounded-full bg-emerald-400 animate-pulse" />
       )}

TODO.md

@@ -373,7 +373,14 @@ export const MessagesTimeline = memo(function MessagesTimeline({
           const isQueued = row.message.queued === true;
           return (
             <div className="flex justify-end">
-              <div className={cn("group relative max-w-[80%] rounded-2xl rounded-br-sm border px-4 py-3", isQueued ? "border-dashed border-border/60 bg-secondary/60" : "border-border bg-secondary")}>
+              <div
+                className={cn(
+                  "group relative max-w-[80%] rounded-2xl rounded-br-sm border px-4 py-3",
+                  isQueued
+                    ? "border-dashed border-border/60 bg-secondary/60"
+                    : "border-border bg-secondary",
+                )}
+              >
                 {userImages.length > 0 && (
                   <div className="mb-2 grid max-w-[420px] grid-cols-2 gap-2">
                     {userImages.map(

apps/web/src/components/ChatView.tsx

@@ -49,10 +49,13 @@
     "release:smoke": "node scripts/release-smoke.ts",
     "clean": "rm -rf node_modules apps/*/node_modules packages/*/node_modules apps/*/dist apps/*/dist-electron packages/*/dist .turbo apps/*/.turbo packages/*/.turbo",
     "sync:vscode-icons": "node scripts/sync-vscode-icons.mjs",
-    "regenerate:brand-assets": "python3 scripts/generate-brand-assets.py"
+    "regenerate:brand-assets": "python3 scripts/generate-brand-assets.py",
+    "prepare": "husky"
   },
   "devDependencies": {
     "@types/node": "catalog:",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
     "oxfmt": "^0.40.0",
     "oxlint": "^1.55.0",
     "turbo": "^2.3.3",
@@ -61,6 +64,14 @@
   "overrides": {
     "vite": "^8.0.0"
   },
+  "lint-staged": {
+    "*": [
+      "oxfmt"
+    ],
+    "*.{ts,tsx,js,jsx}": [
+      "oxlint --report-unused-disable-directives"
+    ]
+  },
   "engines": {
     "bun": "^1.3.9",
     "node": "^24.13.1"