Skip to content

feat: add AskVerdict AI brand icons#265

Merged
canisminor1990 merged 1 commit into
lobehub:devfrom
thegdsks:feat/add-askverdict-icon
Mar 26, 2026
Merged

feat: add AskVerdict AI brand icons#265
canisminor1990 merged 1 commit into
lobehub:devfrom
thegdsks:feat/add-askverdict-icon

Conversation

@thegdsks

@thegdsks thegdsks commented Mar 7, 2026

Copy link
Copy Markdown
Contributor

Summary

Add AskVerdict AI (askverdict.ai) brand icons — a multi-agent AI debate engine SaaS platform.

Components included

Component Description
Mono Monochrome gavel/verdict icon (uses currentColor)
Color Gold gradient variant (#FAD460#E8A317#B8751A)
Text "AskVerdict" wordmark
Combine Icon + text combined (supports both mono and color)
Avatar Dark background (#0f0d08) with gold icon

Brand details

  • Brand color: #E8A317 (gold)
  • Website: askverdict.ai
  • Category: AI/LLM Provider (multi-agent debate engine)
  • Icon: Geometric gavel/verdict symbol with layered triangles and chevron bands

Files changed

  • src/AskVerdict/ — All icon components, styles, and docs
  • src/icons.ts — Added export (alphabetical order)
  • src/toc.ts — Added TOC entry

Preview

The icon represents a stylized gavel/verdict symbol with:

  • Upper V-shape (two triangles with depth via opacity)
  • A notch detail in the center
  • Two horizontal chevron bands below (representing layers of analysis)

🙏 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:

  • Introduce AskVerdict AI brand icon components with monochrome, color, text wordmark, combined, and avatar variants.
  • Add AskVerdict AI to the icons export map for consumption by downstream users.
  • Register AskVerdict AI in the table of contents with metadata such as brand color, group, and website URL.
  • Provide AskVerdict AI documentation page with usage examples and color preview.

Copilot AI review requested due to automatic review settings March 7, 2026 05:50
@sourcery-ai

sourcery-ai Bot commented Mar 7, 2026

Copy link
Copy Markdown
Contributor

Reviewer's Guide

Adds 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 structure

classDiagram
  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
Loading

Flow diagram for AskVerdict icon registration and usage

flowchart 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
Loading

File-Level Changes

Change Details Files
Introduce AskVerdict icon family (mono, color, text, combined, avatar) with shared styling constants and primary brand color.
  • Define shared title, brand color, combine layout multipliers, and avatar styling constants for AskVerdict.
  • Implement monochrome SVG icon using currentColor with layered triangles, notch, and chevron bands.
  • Implement color SVG icon using a reusable linear gradient and opacity variations to create depth.
  • Create wordmark SVG for the "AskVerdict" text glyphs sized to a 24px height viewport.
  • Add combined icon component that composes icon and text via the generic IconCombine helper, supporting mono and color variants.
  • Add avatar component that wraps the color icon in the generic IconAvatar helper with brand background and sizing multiple.
  • Wire all variants into a compounded icon export that exposes subcomponents and the primary color/title metadata.
src/AskVerdict/style.ts
src/AskVerdict/components/Mono.tsx
src/AskVerdict/components/Color.tsx
src/AskVerdict/components/Text.tsx
src/AskVerdict/components/Combine.tsx
src/AskVerdict/components/Avatar.tsx
src/AskVerdict/index.ts
Register AskVerdict in the shared icon exports and navigation TOC so it is available to consumers and documented in the gallery.
  • Export AskVerdict compounded icon and its props from the central icons barrel file in alphabetical order.
  • Add AskVerdict entry to the icon table of contents with brand color, website URL, model group, and capability flags for color, combine, text, and avatar variants.
  • Create documentation page describing AskVerdict usage with code examples for icons, text, combined variants, avatars, and brand color preview.
src/icons.ts
src/toc.ts
src/AskVerdict/index.md

Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

@lobehubbot

Copy link
Copy Markdown
Member

👍 @thegdsks


Thank you for raising your pull request and contributing to our Community
Please make sure you have followed our contributing guidelines. We will review it as soon as possible.
If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献,请确保您已经遵循了我们的贡献指南,我们会尽快审查它。
如果您遇到任何问题,请随时与我们联系。

@sourcery-ai sourcery-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 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.
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.

Sourcery is free for open source - if you like our reviews please consider sharing them ✨
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.

@thegdsks

thegdsks commented Mar 7, 2026

Copy link
Copy Markdown
Contributor Author

Visual Preview of Brand Assets

Variant Preview
Icon (gold on dark)
Icon (mono on dark)
Icon (black rounded)
Wordmark (light bg)
Wordmark (dark bg)

Review feedback addressed

  • Extracted shared SVG paths into paths.ts — Mono and Color now reference the same path constants, preventing future divergence
  • hasBrandColor: false is correct — this flag indicates presence of a BrandColor component (not just colorPrimary). Matches how DeepSeek and similar icons are configured (they also have hasColor: true + hasBrandColor: false)

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 AskVerdict from src/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.

Comment thread src/AskVerdict/components/Color.tsx Outdated
Comment thread src/AskVerdict/index.md Outdated
@thegdsks thegdsks force-pushed the feat/add-askverdict-icon branch from 461fc9f to bb13f7a Compare March 7, 2026 06:03
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
@thegdsks thegdsks force-pushed the feat/add-askverdict-icon branch from bb13f7a to 1ff5103 Compare March 7, 2026 06:08
@canisminor1990 canisminor1990 changed the base branch from master to dev March 26, 2026 07:43
@canisminor1990 canisminor1990 merged commit 2dcec2d into lobehub:dev Mar 26, 2026
2 of 3 checks passed
@lobehubbot

Copy link
Copy Markdown
Member

❤️ Great PR @thegdsks ❤️


The growth of project is inseparable from user feedback and contribution, thanks for your contribution!
项目的成长离不开用户反馈和贡献,感谢您的贡献!

canisminor1990 added a commit that referenced this pull request Mar 26, 2026
* ✨ 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants