Release v2.0.11

[nmbrthirteen]

Summary

• Polish Studio copy and copy interactions
• Add reusable inline copy success feedback
• Align delete button shadows and confirmations

Verification

• sh scripts/build-studio.sh
• npm test

Summary by CodeRabbit

• New Features

  • Added a reusable copy button component for improved clipboard interactions.

• Bug Fixes

  • Added confirmation dialogs for destructive actions (preset and clip deletion).

• Refactor

  • Replaced inline copy functionality with shared copy button component across multiple pages.

• Style

  • Modernized CSS with improved transitions, focus states, and interaction polish.
  • Updated UI text punctuation and capitalization for consistency.
  • Enhanced accessibility with better focus-visible outlines.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 431d5208-9188-441c-8418-8b5056199e1e

📥 Commits

Reviewing files that changed from the base of the PR and between 5a924b3 and f16e739.

📒 Files selected for processing (12)

• src/ui/client/AnalyticsPage.tsx
• src/ui/client/ClipDetail.tsx
• src/ui/client/CopyButton.tsx
• src/ui/client/EpisodeWorkspace.jsx
• src/ui/client/KnowledgePage.jsx
• src/ui/client/Layout.tsx
• src/ui/client/McpSetupPage.tsx
• src/ui/client/ReframeEditor.tsx
• src/ui/client/StudioHome.tsx
• src/ui/client/ThumbnailTemplate.tsx
• src/ui/client/index.html
• src/ui/public/css/styles.css

---

📝 Walkthrough

Walkthrough

Introduces a reusable CopyButton React component with animated copied-state feedback, replacing inline clipboard logic in McpSetupPage, ClipDetail, and EpisodeWorkspace. Adds confirm() guards to preset and clip deletion. Applies broad UI text polish (punctuation, capitalization, em-dash removal) across all pages and a substantial CSS refactor covering transitions, focus-visible outlines, and component interaction states.

Changes

UI Copy, CopyButton Integration, and CSS Polish

Layer / File(s)	Summary
New CopyButton component + CSS animation system src/ui/client/CopyButton.tsx, src/ui/public/css/styles.css	Adds the CopyButton component (async clipboard write, copied-state toggle, onCopied, timer cleanup, iconOnly/stopPropagation/disabled) and the matching .copy-button CSS system with .is-copied/.is-icon-only state classes and prefers-reduced-motion fallback.
McpSetupPage migrated to CopyButton src/ui/client/McpSetupPage.tsx, src/ui/client/Layout.tsx	Removes local copied state and copyBlock helper; replaces two manual copy buttons with CopyButton reading from desktopRef and codeRef; updates header and sidebar NavLink casing.
ClipDetail migrated to CopyButton + text tweaks src/ui/client/ClipDetail.tsx	Imports CopyButton and replaces inline copy buttons for description, tags, and hashtags. Updates error message punctuation, time-range separator, thumbnail instructions, and post-title-select status message.
EpisodeWorkspace CopyButton migration and confirm guards src/ui/client/EpisodeWorkspace.jsx	Imports CopyButton, introduces markCopied helper in McpHints, replaces manual MCP prompt copy button. Adds confirm() guards to deletePreset and deleteClipEdit. Updates MCP subtitle, moment notice, Claude prompt wording, speaker-detection tooltip, label casings, removed emoji elements, and clip-edit modal heading.
Text and copy polish across remaining pages src/ui/client/AnalyticsPage.tsx, src/ui/client/ThumbnailTemplate.tsx, src/ui/client/ReframeEditor.tsx, src/ui/client/StudioHome.tsx, src/ui/client/KnowledgePage.jsx, src/ui/client/index.html	Updates punctuation, capitalization, and wording for status messages, group/section titles, drop-zone markup, and the HTML page title.
CSS transition, focus-visible, and component interaction polish src/ui/public/css/styles.css	Adds --ease-out token; introduces :focus-visible outlines for form inputs, range sliders, and editor textareas; switches many transitions from all to explicit properties; overhauls .file-delete and .clip-card-del delete button styling; adds .knowledge-drop-zone; and applies text-wrap: pretty.

Possibly Related PRs

• nmbrthirteen/podcli#5: Originally added the AnalyticsPage component whose status messages, empty-state text, and Group section titles are directly updated in this PR.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Poem

🐰 A rabbit once copied with flair,
Em dashes and emojis laid bare,
A CopyButton new,
With CSS cues,
And "confirm" for the delete-if-you-dare! ✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch release/v2.0.11

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}