Skip to content

ui fixes#457

Merged
NiveditJain merged 4 commits into
mainfrom
feat/enhancement-ui
Jun 24, 2026
Merged

ui fixes#457
NiveditJain merged 4 commits into
mainfrom
feat/enhancement-ui

Conversation

@SiddarthAA

@SiddarthAA SiddarthAA commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

Summary

A batch of dashboard / audit-page UI polish plus a community-link rebrand. Everything here is UI, copy, and links only — no behavioral or logic changes.

Changes

Community links — Slack → Discord

  • Point the community invite at Discord (https://discord.gg/2zjBZP7yQJ) everywhere it's user-facing: the failproofai --help LINKS banner, the dashboard "Reach Us" dropdown, and the README badge (English + 14 translations). The Slack webhook notification example (examples/policies-notification.js) is intentionally left as-is — it's a feature integration, not a community link.

"Reach Us" dropdown

  • Collapse the three GitHub items (Request a Feature / Report an Issue / Ask a Question) into a single Feedback & Issues entry pointing at the GitHub issue chooser (/issues/new/choose).

Policies → activity table (responsive + column reorder)

  • Fix the table collapsing on narrow / portrait windows: columns no longer overlap — each data cell clips with an ellipsis at its own edge and headers stay on one line — and the table holds a readable min-width (1280px), scrolling horizontally below that via a themed scrollbar. The badge / long-header columns (decision, event, cli, mode, duration, session) were widened so their content fits.
  • Reorder the columns to: time · decision · event · cli · tool · policy · reason · mode · duration · session (the expand chevron stays leftmost).
  • Widen the mode column 7%→11% so its pill — the longest badge text in the table, bypassPermissions — renders in full instead of clipping mid-word, and make ModeBadge degrade gracefully (an in-pill ellipsis + hover tooltip) for any unexpectedly long / custom mode. The earlier responsive pass widened every badge column except mode; this finishes it.

Audit invite card + share copy

  • Reword the /audit invite card: heading "Share with friends", subtitle "wanna know how your friends' agents score?".
  • Grammar pass over the X / LinkedIn share templates — a missing article, runs local → runs locally (adverb), one mis-coordinated "and", a comma splice, and "stops you trying → stops you from trying". No emojis, no new content; CTAs + handles unchanged.

Testing

tsc and eslint clean; full unit suite green (1895 tests). CHANGELOG updated under 0.0.11-beta.12.

🤖 Generated with Claude Code

Summary by CodeRabbit

  • New Features

    • Updated the “Reach Us” menu to focus on Join our Discord and Feedback & Issues, consolidating feedback into a single GitHub issues chooser target.
    • Reordered the policies/activity table columns for clearer scanning (including moving Time earlier and repositioning Mode).
  • Bug Fixes

    • Improved the activity table on narrow/portrait viewports with better clipping/ellipsis, a minimum table width, and horizontal scrolling with a themed scrollbar.
  • Documentation

    • Replaced Slack references with Discord across README badges, help/reach-us UI text, and the CLI link section.
    • Polished audit share text and “Perks”/invite copy for clearer wording.

SiddarthAA and others added 3 commits June 24, 2026 13:22
…k items

- Replace the community Slack invite with Discord (https://discord.gg/2zjBZP7yQJ)
  in the `failproofai --help` banner, the dashboard "Reach Us" dropdown, and the
  README badge (English + 14 translated READMEs); tidy a stale Slack comment in
  scripts/launch.ts.
- Collapse the dropdown's Request a Feature / Report an Issue / Ask a Question
  into one "Feedback & Issues" item linking to the GitHub issue chooser.
- The Slack webhook notification example is left as-is (a feature, not an invite).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
On narrow / portrait windows the policies → activity table collapsed and
columns overlapped (e.g. DURATION/SESSION headers and the Event/CLI badges
bled into each other). Each data cell now clips at its own edge
(overflow-hidden + ellipsis, nowrap headers), the table holds a 1280px
min-width and scrolls horizontally below that with a themed scrollbar, and
the badge / long-header columns were widened so their content fits.

Also reorders the columns to: time, decision, event, cli, tool, policy,
reason, mode, duration, session.

UI only — no data fetching, filters, row-expand, badges, or pagination
logic changed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Invite card heading 'unlock failproof perks' -> 'Share with friends';
  subtitle -> 'wanna know how your friends' agents score?'.
- Grammar pass over the X/LinkedIn share templates: add a missing article,
  'runs local' -> 'runs locally' (adverb), fix one mis-coordinated 'and', a
  comma splice, and 'stops you trying' -> 'stops you from trying'. No emojis,
  no new content, CTAs/handles unchanged.

UI copy only — no logic changes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Jun 24, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a02033d4-1372-4cb2-bd7a-24f2bf891b3c

📥 Commits

Reviewing files that changed from the base of the PR and between a837399 and 9de8a79.

📒 Files selected for processing (2)
  • CHANGELOG.md
  • app/policies/hooks-client.tsx
✅ Files skipped from review due to trivial changes (1)
  • CHANGELOG.md

📝 Walkthrough

Walkthrough

This release updates community links from Slack to Discord, restructures the ReachDevelopers dropdown, reorders the activity table, and revises audit copy, templates, and release notes.

Changes

Dashboard, activity table, and audit copy

Layer / File(s) Summary
ReachDevelopers dropdown restructure
components/reach-developers.tsx, __tests__/components/reach-developers.test.tsx
The dropdown options and icons are changed to show “Join our Discord” and “Feedback & Issues”, and the tests are updated for the new menu items, hrefs, counts, and close behavior.
Activity table reorder and narrow-width styling
app/policies/hooks-client.tsx, app/globals.css
The activity table moves Time earlier, moves Mode into the new position, removes the trailing Time cell, adds the row class, and updates CSS for horizontal scrolling, minimum width, single-line headers, and truncated cells.
Audit copy and release notes
app/audit/_components/come-back-better-section.tsx, app/audit/_components/share-templates.ts, CHANGELOG.md
The Perks card subtitle and title change, the X and LinkedIn share templates are reworded, and the 0.0.11-beta.12 changelog entry is added.

Discord community link migration

Layer / File(s) Summary
README badge updates across locales
README.md, docs/i18n/README.*.md
The top badge row in the root README and all localized README files replaces the Slack join badge with a Discord join badge.
CLI help text and launch comment
bin/failproofai.mjs, scripts/launch.ts
The CLI links block switches from Slack to Discord, and the launch script comment is updated to match the displayed label wording.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

Poem

🐇 Hop hop, the badges all turned bright,
Discord lights the README night.
The table stretches, neat and wide,
And feedback finds a single guide.
Tiny copy tweaks prance by,
With carrot-bright release notes high.

🚥 Pre-merge checks | ✅ 2 | ❌ 3

❌ Failed checks (2 warnings, 1 inconclusive)

Check name Status Explanation Resolution
Description check ⚠️ Warning The description covers the changes well, but it does not follow the required template sections and checklist format. Add the required ## Description, ## Type of Change, and ## Checklist sections with the checkbox items from the template.
Docstring Coverage ⚠️ Warning Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Title check ❓ Inconclusive The title is too vague to describe the main change and doesn't convey the specific UI updates. Replace it with a short, specific title that names the main change, such as the community-link and table UI updates.
✅ Passed checks (2 passed)
Check name Status Explanation
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

app/policies/hooks-client.tsx

ESLint skipped: missing config or dependency (missing-dependency). The ESLint configuration references a package that is not available in the sandbox.


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

Comment @coderabbitai help to get the list of available commands.

@mintlify

mintlify Bot commented Jun 24, 2026

Copy link
Copy Markdown

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
failproofai 🟢 Ready View Preview Jun 24, 2026, 9:59 AM

💡 Tip: Enable Workflows to automatically generate PRs for you.

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@CHANGELOG.md`:
- Around line 6-14: The CHANGELOG entries are missing the required PR number
suffix on each one-line bullet. Update every bullet under the affected section
in CHANGELOG.md so each item includes its corresponding PR number at the end,
keeping the existing wording and one-line format intact.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 62f53377-874c-4705-ba97-b107558b63a6

📥 Commits

Reviewing files that changed from the base of the PR and between 250cb60 and a837399.

📒 Files selected for processing (24)
  • CHANGELOG.md
  • README.md
  • __tests__/components/reach-developers.test.tsx
  • app/audit/_components/come-back-better-section.tsx
  • app/audit/_components/share-templates.ts
  • app/globals.css
  • app/policies/hooks-client.tsx
  • bin/failproofai.mjs
  • components/reach-developers.tsx
  • docs/i18n/README.ar.md
  • docs/i18n/README.de.md
  • docs/i18n/README.es.md
  • docs/i18n/README.fr.md
  • docs/i18n/README.he.md
  • docs/i18n/README.hi.md
  • docs/i18n/README.it.md
  • docs/i18n/README.ja.md
  • docs/i18n/README.ko.md
  • docs/i18n/README.pt-br.md
  • docs/i18n/README.ru.md
  • docs/i18n/README.tr.md
  • docs/i18n/README.vi.md
  • docs/i18n/README.zh.md
  • scripts/launch.ts

Comment thread CHANGELOG.md
…ipping

The responsive-table pass (5bccf23) widened every badge column except mode,
whose pill renders the longest badge text in the table ("bypassPermissions",
17 chars) yet sat in the narrowest badge column (7%). The blanket
.activity-data-row > td overflow:hidden clip then chopped it mid-word
("bypassPermis") with no ellipsis, since text-overflow can't ellipsize an
inline child.

- colgroup: mode 7% -> 11% (fits bypassPermissions even at the 1280px
  min-width), reclaimed from policy (15->13) and reason (14->12), both of
  which already ellipsize. Widths still sum to 100%; added a comment mapping
  the bare percentages to column names so the width/column pairing can't
  silently drift again.
- ModeBadge: inline-block + max-w-full + truncate + title, so an unexpectedly
  long / custom mode ellipsizes inside the pill with a hover tooltip instead
  of a hard mid-word cut.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WF8MwSwvxthpdGV2x5hXDW
@NiveditJain NiveditJain merged commit 72326bd into main Jun 24, 2026
13 checks passed
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.

2 participants