Feature/v1.3.0 polish

[NaviAndrei]

release 1.3.1

• Added

• Sidebar guidance: Short explanatory text for Workspaces, Tags, Templates, Cleanup, and Storage sections to improve scanability.
• Tag suggestions dropdown: The Tags field in Add New Prompt now uses the Sidebar Tags Cloud as its source and supports inserting multiple comma-separated tags.
• Dropdown affordance: Added a conditional chevron indicator for the tag picker when sidebar tags are available.

• Changed

• Sidebar layout: Refined section spacing, separators, surfaces, and theme tokens for a cleaner navigation-first sidebar.
• Control bar styling: Tightened spacing, card radius, and theme treatment for a more consistent top control surface.
• Prompt form UX: Replaced the native datalist with a custom, accessible tag suggestion menu while preserving comma-separated entry.

• Fixed

• Sidebar scanability: Improved hierarchy and divider visibility between sidebar sections in both light and dark themes.
• Scrollbar containment: Kept the sidebar scrollbar inset inside the shell so it reads as part of the sidebar instead of bleeding outside the edge.
• Form consistency: Cleaned up the tags field behavior so suggestions only appear when sidebar tags exist.

[Copilot]

Pull request overview

This PR polishes the Prompt Library UI/UX for the 1.3.x release line by refining the sidebar/control surfaces and improving the prompt form’s tag/model selection behavior.

Changes:

• Added a shared LLM_MODELS constant and wired it into the prompt form and model filter UI.
• Reworked sidebar + control bar styling (new theme tokens, scroll containment, spacing, and surfaces).
• Replaced native tag datalist with a custom tag suggestion dropdown sourced from the sidebar tags.

Reviewed changes

Copilot reviewed 15 out of 16 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
src/index.css	Introduces new theme tokens and major layout/styling changes for sidebar, control bar, and prompt cards.
src/constants.ts	Adds a shared list of LLM model names for reuse across the app.
src/components/WorkspaceManager.tsx	Adds sidebar guidance text and formatting adjustments.
src/components/TemplateManager.tsx	Moves template add/edit into a modal and adds “Add as Prompt” flow.
src/components/StorageUsage.tsx	Updates styling and adds sidebar guidance copy.
src/components/Sidebar.tsx	Adds sidebar guidance text for the Tags section.
src/components/SearchBar.tsx	Adds a search icon and improves accessibility labeling.
src/components/PromptList.tsx	Moves view toggle into the list header and changes prompt body rendering.
src/components/PromptForm.tsx	Implements custom tag suggestion dropdown and model selection via shared constants.
src/components/CleanupAssistant.tsx	Adds guidance copy and refines layout formatting.
src/App.tsx	Restructures main layout into a unified control bar; wires template->prompt creation.
package.json	Bumps version and adds dependencies related to datepicker/types.
package-lock.json	Updates lockfile for new deps, but version metadata is not aligned with package.json.
CHANGELOG.md	Adds release notes for 1.3.0 and a new 1.3.1 section.
.github/skills/web-ui-design/SKILL.md	Adds UI design skill documentation.
.github/skills/ux-design/SKILL.md	Adds UX design skill documentation.

Comments suppressed due to low confidence (1)

src/index.css:1002

• .prompt-list.grid is defined twice with conflicting layout strategies: earlier it uses CSS Grid (display: grid), but later it switches to multi-column layout (column-count). The later rule will override and effectively disable the grid-based independent-height behavior described in the comment above. Remove one of these approaches (or scope them to different classes) to avoid unpredictable layout.

.prompt-list.grid {
  column-count: 3; /* Force the browser to use 3 columns on large resolutions */
  column-gap: 1.5rem;
}

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.