[Discuss] Possible styling updates for context listing
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3577425. -->
Reported by: [kristen pol](https://www.drupal.org/user/8389)
>>>
<p>[Tracker]<br>
<strong>Update Summary: </strong>[One-line status update for stakeholders]<br>
<strong>Check-in Date: </strong>MM/DD/YYYY<br>
<strong>Blocked by: </strong>[#XXXXXX] (New issues on new lines)<br>
<strong>Additional Collaborators: </strong> @username1, @username2<br>
<em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br>
[/Tracker]</p>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Follow-up to:</p>
<p><span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/ai_context/issues/3571794" title="Status: Closed (fixed)">#3571794: Update context list UI to include subcontext and scope</a></span></p>
<p>1. <del>The light pills weren't passing accessibility contrast checkers, so I changed them to dark, but then they are pretty dark. It would be nice to have a grey in between the light and dark, or perhaps a medium blue.</del> (fixed in: <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/ai_context/issues/3569776" title="Status: Closed (fixed)">#3569776: Adopt AI Core shared UI library in CCC and escape data before rendering</a></span></p>
<p>2. <del>The targets column doesn't capture all the possible scope that can be set so do we want to change this column to "Additional scope" (or something) where we add more scope info besides just targets? See the agents context setting page for an example of showing all scope</del> <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/ai_context/-/work_items/3586116" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/ai_context/-/work_items/3586116</a></span></p>
<p>3. <del>It shows a zero badge when there's no subcontext, but people may not want to use subcontext at all or in some cases </del> (fixed in: <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/ai_context/-/work_items/3577656" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/ai_context/-/work_items/3577656</a></span></p>
<p>4. <del>Would we want a tooltip for the use case pills to explain the use cases further?</del></p>
<p>5. <del>The second pill in the target column doesn't have a tooltip (only the first one)</del> (fixed in <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/ai_context/issues/3569776" title="Status: Closed (fixed)">#3569776: Adopt AI Core shared UI library in CCC and escape data before rendering</a></span>)</p>
<p>6. <del>Discussion: Should subcontext be an optional feature that is enabled in the module settings? Given that it requires AI to include conditional context which incurs a cost, maybe it should</del> <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/ai_context/-/work_items/3586120" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/ai_context/-/work_items/3586120</a></span></p>
<p>7. <del>You can't tell what's published vs unpublished anymore. If we aren't going to have a column for it, we could do a pink background or something</del> <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/ai_context/-/work_items/3586127" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/ai_context/-/work_items/3586127</a></span></p>
<p><img src="https://www.drupal.org/files/issues/2026-03-05/ccc-context-list-dark-pills.png" alt="context list page with parent and subcontext and pills with context info that are dark grey"></p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Discuss and create follow-up issues as needed</p>
<h3 id="summary-remaining-tasks">Target date or deadline</h3>
<p>March/April 2026</p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<p>Create follow up issues as needed</p>
<h3 id="summary-ai-usage">AI usage (if applicable)</h3>
<p>[ ] AI Assisted Issue<br>
This issue was generated with AI assistance, but was reviewed and refined by the creator.</p>
<p>[ ] AI Assisted Code<br>
This code was mainly generated by a human, with AI autocompleting or parts AI generated, but under full human supervision.</p>
<p>[ ] AI Generated Code<br>
This code was mainly generated by an AI with human guidance, and reviewed, tested, and refined by a human.</p>
<p>[ ] Vibe Coded<br>
This code was generated by an AI and has only been functionally tested.</p>
issue