Skip to content

DOCS-1003 - Fix mislabeled alt text on integration icons - #7136

Open
kimsauce wants to merge 85 commits into
mainfrom
DOCS-1003
Open

DOCS-1003 - Fix mislabeled alt text on integration icons#7136
kimsauce wants to merge 85 commits into
mainfrom
DOCS-1003

Conversation

@kimsauce

Copy link
Copy Markdown
Collaborator

Purpose of this pull request

This pull request fixes 74 instances of mislabeled or generic alt text on integration icons across 33 files, found in two systemic patterns:

  • A copy-paste bug in app-central/integrations/ left many icons with unrelated alt text (e.g. Arcanna's icon read alt="axonius").
  • A generic alt="Thumbnail icon" placeholder, left over from the doc-creation template, was never replaced with the real product name on 44 icons, mostly in the product list table.

A handful of other one-off mismatches were also fixed: a Dropbox icon's alt text on a Microsoft Graph page, "Trust Login" text on a Trellix page, and generic "Search icon" text on the Mobot and SOC Analyst Agent pages.

Each correction was derived from that file's own filename, title, or linked product name, and checked against neighboring correct examples in the same file. Alt text only — no images, filenames, or visual layout changed.

Select the type of change

  • Minor Changes - Typos, formatting, slight revisions
  • Update Content - Revisions, updating sections
  • New Content - New features, sections, pages, tutorials
  • Site and Tools - .clabot, version updates, maintenance, dependencies, new packages for the site (Docusaurus, Gatsby, React, etc.)

Ticket (if applicable)

https://sumologic.atlassian.net/browse/DOCS-1003

🤖 Generated with Claude Code

kimsauce and others added 30 commits September 29, 2025 20:42
…ic-documentation into staging/algolia-ask-ai
- Add Root component to mount Ask AI button within Docusaurus context
- Create AskAiButton component with SVG sparkles icon and Cmd/Ctrl+I shortcut
- Add AskAiSidepanel component with lazy-loaded Algolia AI interface
- Style button to match search box design (transparent bg, matching border)
- Add navbar placeholder div in docusaurus.config.js
- Handle window resize events to keep button visible
- Support light/dark mode with proper color inheritance

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Import Algolia base CSS and add comprehensive style overrides
- Apply modern design patterns inspired by Algolia and Stripe docs
- Enhance button styling with hover effects, shadows, and animations
- Customize intro text to be Sumo Logic-specific
- Fix panel disappearing on window resize by lifting state to Root
- Wire up onClose handler to close button and backdrop
- Align header icon and title side-by-side
- Improve dark mode support with refined colors and shadows
- Add smooth cubic-bezier animations for panel and button
- Style input fields, buttons, and suggested questions
- Add custom scrollbar styling

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Match button border, text, and icon colors to DocSearch-Button
- Light mode: #5f6368 text, border-pale border
- Dark mode: #bdc1c6 text, #6b6f78 border and icon
- Reduce gap between text and icon from 0.375rem to 0.25rem
- Pass suggestedQuestions prop to Algolia Sidepanel component
- Extract suggestedQuestions from config and enable in UI

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Remove translateY hover lift effect for subtler interaction
- Change active state to gentle scale(0.98) with faster transition
- Replace icon scale animation with opacity fade on hover
- Hide "Loading..." fallback text by setting Suspense fallback to null

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Fix submit button vertical alignment by changing form to row flex layout and overriding absolute positioning
- Prevent sidepanel from temporarily narrowing during query processing by setting fixed width
- Add state-based submit button styling (grey when empty, blue when user types)
- Minor font size adjustment for Ask AI button

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add auto-focus to input field when sidepanel opens for immediate typing
- Move disclaimer from bottom to top of content area with smaller font
- Reduce font sizes for input field (0.875rem) and suggested questions (0.7rem)
- Left-align suggested questions for better visual hierarchy
- Adjust padding on suggested question buttons for improved spacing
- Hide original bottom disclaimer in favor of top placement

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
kimsauce and others added 24 commits June 25, 2026 00:27
Intercepts Algolia's like/dislike buttons to open a custom modal that
collects free-text feedback before the vote is recorded. On submit,
details are POSTed to a Google Form (no-cors) and a browser event
`ask-ai-feedback-submitted` is dispatched for additional integrations.
Algolia's native thumbs vote still registers after submission.

- Adds feedbackFormUrl to customFields in docusaurus.config.js
- Modal captures question + answer context alongside the written details
- Escape key and backdrop click dismiss without submitting
- Success toast auto-dismisses after 3 s; inline error shown on failure
- Full dark mode and mobile responsive styles

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ic-documentation into staging/algolia-ask-ai
Patches @docusaurus/theme-search-algolia's config validation to allow
the agentStudio field required by Algolia's Ask AI Agent Studio
migration. The installed theme's schema doesn't yet recognize
agentStudio, causing a ValidationError that blocked the dev server
and site build.

Adds patch-package with a checked-in patch and a postinstall script
so the fix persists across installs and CI.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
…ic-documentation into staging/algolia-ask-ai
- Move the ⌘/Ctrl+I shortcut listener to Root.tsx (toggles the panel
  open/closed) and restore the isEditableTarget guard that was dropped
  in the move, so the shortcut no longer hijacks focus while typing in
  other text fields on the site. The guard excludes the panel's own
  prompt textarea so the shortcut still closes the panel from there.

- Stop shrinking the navbar to make room for the panel unless there's
  at least 1080px of room left over. Below that, the navbar keeps its
  full desktop layout and the panel simply overlays on top of it,
  instead of squeezing nav items until they overlap.

- Rename the sidepanel "New" button to "New chat" and update its
  shortcut tip text to match the toggle behavior.

- Update search bar placeholder to "Search Docs or Ask AI".

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Fix app-central copy-paste bug where many icons had unrelated alt
  text (e.g. Arcanna's icon read alt="axonius")
- Replace generic alt="Thumbnail icon" placeholder, left over from the
  doc-creation template, with the correct product name on 44 icons
  (mostly in the product list table)
- Fix one-off mismatches: Dropbox icon alt text on a Microsoft Graph
  page, Trust Login text on a Trellix page, generic "Search icon" text
  on the Mobot and SOC Analyst Agent pages

Alt text only, no images or visual layout changed.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@kimsauce
kimsauce requested review from a team, JV0812, amee-sumo and mafsumo as code owners September 13, 2026 22:04
@kimsauce kimsauce self-assigned this Sep 13, 2026
@cla-bot cla-bot Bot added the cla-signed Contributor approved, listed in .clabot file label Sep 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cla-signed Contributor approved, listed in .clabot file

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants