feat: add AskVerdict AI brand icons#265
Conversation
Reviewer's GuideAdds a full AskVerdict AI brand icon suite (mono, color, text, combined, and avatar variants), wires it into the shared icon registry and table of contents, and documents usage in the icons docs site. Class diagram for AskVerdict compounded icon structureclassDiagram
class Mono {
<<ReactComponent>>
+IconType(props)
}
class Color {
<<ReactComponent>>
+IconType(props)
-useFillId(title)
-linearGradient gold
}
class Text {
<<ReactComponent>>
+IconType(props)
}
class Combine {
<<ReactComponent>>
+CombineProps props
}
class Avatar {
<<ReactComponent>>
+AvatarProps props
}
class CombineProps {
+type color_or_mono
+size
+className
+style
}
class AvatarProps {
+size
+shape
+className
+style
}
class IconCombine {
<<ReactComponent>>
+IconCombine(props)
}
class IconAvatar {
<<ReactComponent>>
+IconAvatar(props)
}
class AskVerdictIcons {
<<CompoundedIcon>>
+Color: Color
+Text: Text
+Combine: Combine
+Avatar: Avatar
+colorPrimary: string
+title: string
}
class StyleConstants {
+TITLE
+COMBINE_TEXT_MULTIPLE
+COMBINE_SPACE_MULTIPLE
+COLOR_PRIMARY
+AVATAR_BACKGROUND
+AVATAR_COLOR
+AVATAR_ICON_MULTIPLE
}
Mono <|-- AskVerdictIcons
AskVerdictIcons o-- Color
AskVerdictIcons o-- Text
AskVerdictIcons o-- Combine
AskVerdictIcons o-- Avatar
Combine --> IconCombine
Avatar --> IconAvatar
Mono --> StyleConstants
Color --> StyleConstants
Text --> StyleConstants
Combine --> StyleConstants
Avatar --> StyleConstants
Flow diagram for AskVerdict icon registration and usageflowchart LR
subgraph IconsPackage
A[AskVerdict index.ts] --> B[AskVerdictIcons compounded export]
B --> C[icons.ts export AskVerdict]
A --> D[AskVerdict components Mono Color Text Combine Avatar]
A --> E[style constants]
end
C --> F[icons registry consumers]
subgraph DocsSite
G[toc.ts AskVerdict entry] --> H[AskVerdict index.md docs page]
H --> I[Docs examples use AskVerdict AskVerdict.Color AskVerdict.Text AskVerdict.Combine AskVerdict.Avatar]
end
F --> J[App or UI library]
J --> I
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
|
👍 @thegdsks |
There was a problem hiding this comment.
Hey - I've left some high level feedback:
- The SVG path definitions for the mono and color icons are duplicated; consider extracting the shared path structure into a small internal component or constant to keep the geometry in one place and avoid future divergence.
- In the
tocentry for AskVerdict,hasBrandColoris set tofalseeven thoughcolorPrimaryis exposed and used in the docs; double-check whether this flag should betrueto match how other branded icons are configured.
Prompt for AI Agents
Please address the comments from this code review:
## Overall Comments
- The SVG path definitions for the mono and color icons are duplicated; consider extracting the shared path structure into a small internal component or constant to keep the geometry in one place and avoid future divergence.
- In the `toc` entry for AskVerdict, `hasBrandColor` is set to `false` even though `colorPrimary` is exposed and used in the docs; double-check whether this flag should be `true` to match how other branded icons are configured.Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.
There was a problem hiding this comment.
Pull request overview
Adds a new AskVerdict AI icon set to the @lobehub/icons catalog and wires it into the library’s exports and TOC so it appears in the icon registry and documentation.
Changes:
- Added
src/AskVerdict/with Mono/Color/Text/Combine/Avatar components plus shared style constants and docs page. - Exported
AskVerdictfromsrc/icons.ts. - Registered AskVerdict metadata in
src/toc.ts(color, docsUrl, capabilities flags, category).
Reviewed changes
Copilot reviewed 11 out of 11 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/toc.ts | Adds AskVerdict entry to the icon TOC (metadata + capability flags). |
| src/icons.ts | Exports the new AskVerdict compounded icon entrypoint. |
| src/AskVerdict/style.ts | Defines title, brand color, combine sizing constants, and avatar styling constants. |
| src/AskVerdict/index.ts | Creates the compounded icon export (Mono + Color/Text/Combine/Avatar + metadata fields). |
| src/AskVerdict/index.md | Adds documentation examples for all provided variants. |
| src/AskVerdict/components/Mono.tsx | Monochrome SVG icon implementation (currentColor). |
| src/AskVerdict/components/Color.tsx | Gradient color SVG icon implementation. |
| src/AskVerdict/components/Text.tsx | Wordmark SVG implementation. |
| src/AskVerdict/components/Combine.tsx | Combined icon + text component via IconCombine. |
| src/AskVerdict/components/Avatar.tsx | Avatar wrapper via IconAvatar with custom background and sizing. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
461fc9f to
bb13f7a
Compare
Add AskVerdict AI (askverdict.ai) — multi-agent AI debate engine. Components: Mono, Color (gold gradient), Text, Combine, Avatar Shared SVG paths extracted to paths.ts to prevent divergence. Brand color: #E8A317 (gold) Website: https://askverdict.ai
bb13f7a to
1ff5103
Compare
|
❤️ Great PR @thegdsks ❤️ |
* ✨ feat(icons): add Qoder brand icon (#270) * ✨ feat(icons): add Qoder brand icon - Add Qoder icon components (Avatar, Color, Mono, Text) - Add Qoder icon documentation - Export Qoder icon in icons.ts - Add Qoder entry in table of contents new file: src/Qoder/components/Avatar.tsx new file: src/Qoder/components/Color.tsx new file: src/Qoder/components/Mono.tsx new file: src/Qoder/components/Text.tsx new file: src/Qoder/index.md new file: src/Qoder/index.ts new file: src/Qoder/style.ts modified: src/icons.ts modified: src/toc.ts * ✨ feat: add Qoder icon - Add Qoder icon with Avatar, Color, Mono, and Text variants - Export Qoder icon from react-native package * ✨ feat: add Coding Plan provider icons support (#272) * ✨ feat: add Coding Plan provider support * ✨ feat: add Coding Plan provider support for React Native * feat: add Apertis icon (#269) * feat: add Apertis icon Add Apertis (apertis.ai) — a unified API platform for 500+ AI models across 30+ providers. Includes Mono, Text, Avatar, and Combine components following the standard icon package structure. Primary color: #0d9488 (Apertis Teal) * feat: export Apertis icon and add react-native support Add Apertis to src/icons.ts barrel export and create the full react-native icon set (Mono, Text, Avatar, Combine) under packages/react-native/src/icons/Apertis. * Update Together AI logo (#268) * wip * wip * Revert "wip" This reverts commit 76dfa33. * wip * feat: add AskVerdict AI brand icons (#265) Add AskVerdict AI (askverdict.ai) — multi-agent AI debate engine. Components: Mono, Color (gold gradient), Text, Combine, Avatar Shared SVG paths extracted to paths.ts to prevent divergence. Brand color: #E8A317 (gold) Website: https://askverdict.ai * ✨ feat: add AgentVoice icon (#257) Co-authored-by: RRyanHoward <ryan@websitellm.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> * feat: merge PR #259 (LLM API) and PR #262 (Xpay) into dev (#276) * ✨ feat: Add LLM API logo * ✨ feat: add xpay icon * fix: set hasBrandColor to true in toc entry --------- Co-authored-by: Markos Basilio <markosbasilio@MacBook-Pro-Markos.local> Co-authored-by: xPay <xpaysh@gmail.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> * 💄 style: Fix some icon style * ✨ feat: Update rn --------- Co-authored-by: zhi <yantze@126.com> Co-authored-by: Hardy <yimingmail@yandex.com> Co-authored-by: Quert <a97041304@gmail.com> Co-authored-by: Hassan El Mghari <hassan4709@gmail.com> Co-authored-by: GDS K S <39922405+thegdsks@users.noreply.github.com> Co-authored-by: Ryan Howard <ryan@agentvoice.com> Co-authored-by: RRyanHoward <ryan@websitellm.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: Markos Basilio <markosbasilio@MacBook-Pro-Markos.local> Co-authored-by: xPay <xpaysh@gmail.com>
Summary
Add AskVerdict AI (askverdict.ai) brand icons — a multi-agent AI debate engine SaaS platform.
Components included
MonocurrentColor)Color#FAD460→#E8A317→#B8751A)TextCombineAvatar#0f0d08) with gold iconBrand details
#E8A317(gold)Files changed
src/AskVerdict/— All icon components, styles, and docssrc/icons.ts— Added export (alphabetical order)src/toc.ts— Added TOC entryPreview
The icon represents a stylized gavel/verdict symbol with:
🙏 Happy to adjust anything based on your review guidelines!
Summary by Sourcery
Add AskVerdict AI as a new provider icon set, including mono, color, wordmark, combined, and avatar variants, and expose it in the icon registry and documentation.
New Features: