fix: tinyoffice office command auto-detect install/build, fix asChild build error

- Detect stale node_modules and .next after tinyclaw update by comparing
  package.json mtime against node_modules/.package-lock.json and .next/BUILD_ID
- Replace asChild prop (unsupported by custom Button) with Link wrapping Button
- Use git tag -l instead of for-each-ref for release notes extraction in CI

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: jlia0

.github/workflows/release.yml

@@ -118,10 +118,11 @@ jobs:
         id: release_notes
         run: |
           VERSION="${{ steps.get_version.outputs.version }}"
-          # Use for-each-ref to reliably get the annotated tag message (not the commit message)
-          TAG_MESSAGE=$(git for-each-ref --format='%(contents)' "refs/tags/$VERSION")
+          # git tag -l --format reads the annotated tag object directly,
+          # unlike for-each-ref which can dereference to the commit in CI
+          TAG_MESSAGE=$(git tag -l --format='%(contents)' "$VERSION")
           if [ -n "$TAG_MESSAGE" ]; then
-            echo "$TAG_MESSAGE" > release_notes.md
+            printf '%s\n' "$TAG_MESSAGE" > release_notes.md
           else
             cat > release_notes.md <<EOF
           ## TinyClaw $VERSION

tinyclaw.sh

@@ -252,20 +252,22 @@ case "${1:-}" in
         node "$SCRIPT_DIR/packages/visualizer/dist/chatroom-viewer.js" --team "$CHATROOM_TEAM"
         ;;
     office)
-        # Install tinyoffice deps if needed
-        if [ ! -d "$SCRIPT_DIR/tinyoffice/node_modules" ]; then
+        OFFICE_DIR="$SCRIPT_DIR/tinyoffice"
+        # Install deps if node_modules missing or package.json changed since last install
+        if [ ! -d "$OFFICE_DIR/node_modules" ] || \
+           [ "$OFFICE_DIR/package.json" -nt "$OFFICE_DIR/node_modules/.package-lock.json" ]; then
             echo -e "${BLUE}Installing TinyOffice dependencies...${NC}"
-            (cd "$SCRIPT_DIR/tinyoffice" && npm install)
+            (cd "$OFFICE_DIR" && npm install) || { echo -e "${RED}Install failed${NC}"; exit 1; }
         fi
-        # Build if .next doesn't exist or source is newer
-        if [ ! -d "$SCRIPT_DIR/tinyoffice/.next" ] || \
-           [ -n "$(find "$SCRIPT_DIR/tinyoffice/src" -newer "$SCRIPT_DIR/tinyoffice/.next" -print -quit 2>/dev/null)" ]; then
+        # Build if .next missing or source/deps changed since last build
+        if [ ! -f "$OFFICE_DIR/.next/BUILD_ID" ] || \
+           [ "$OFFICE_DIR/package.json" -nt "$OFFICE_DIR/.next/BUILD_ID" ] || \
+           [ -n "$(find "$OFFICE_DIR/src" -newer "$OFFICE_DIR/.next/BUILD_ID" -print -quit 2>/dev/null)" ]; then
             echo -e "${BLUE}Building TinyOffice...${NC}"
-            (cd "$SCRIPT_DIR/tinyoffice" && npm run build)
+            (cd "$OFFICE_DIR" && npm run build) || { echo -e "${RED}Build failed${NC}"; exit 1; }
         fi
-        # Start Next.js production server
         echo -e "${GREEN}Starting TinyOffice on http://localhost:3000${NC}"
-        (cd "$SCRIPT_DIR/tinyoffice" && npm run start)
+        (cd "$OFFICE_DIR" && npm run start)
         ;;
     pairing)
         node "$CLI/pairing.js" "${2:-}" "${3:-}" "${4:-}"

tinyoffice/src/app/settings/page.tsx

@@ -93,9 +93,9 @@ export default function SettingsPage() {
             <p className="text-sm text-muted-foreground">
               Once setup is complete, you can return here to edit raw settings.
             </p>
-            <Button asChild>
-              <Link href="/setup">Run Setup</Link>
-            </Button>
+            <Link href="/setup">
+              <Button>Run Setup</Button>
+            </Link>
           </CardContent>
         </Card>
       </div>
@@ -127,15 +127,12 @@ export default function SettingsPage() {
               {errorMsg}
             </span>
           )}
-          <Button
-            variant="outline"
-            asChild
-          >
-            <Link href="/setup" className="inline-flex items-center gap-2">
+          <Link href="/setup" className="inline-flex items-center gap-2">
+            <Button variant="outline">
               <Wand2 className="h-4 w-4" />
               <span>Run Setup</span>
-            </Link>
-          </Button>
+            </Button>
+          </Link>
           <Button onClick={handleSave} disabled={saving || loading}>
             {saving ? (
               <Loader2 className="h-4 w-4 animate-spin" />