fix: resolve empty value display in DoubleTag and update BAIIntervalView

[agatha197]

Changes:

• Replaced BAIIntervalText with new BAIIntervalView component that supports render props
• Updated DoubleTag component to handle string highlighting and simplified value types
• Refactored tag rendering to use object-based values consistently
• Added type safety improvements for tag labels and values

Rationale:
Improves component reusability and type safety by introducing a more flexible interval view component with render prop support. Standardizes the way tags are rendered across the application while adding proper highlighting capabilities.

How to test:

1. Check agent list running time displays correctly
2. Verify session elapsed time shows properly
3. Test customized image tags display correctly

Example usage:

<BAIIntervalView
  callback={() => baiClient.utils.elapsedTime(value, Date.now())}
  delay={1000}
  render={(intervalValue) => (
    <DoubleTag
      values={[
        { label: 'Running' },
        { label: intervalValue }
      ]}
    />
  )}
/>

Checklist:

• Test interval updates across all usage locations
• Verify tag highlighting works with search functionality
• Check type safety of tag value props
• Ensure backwards compatibility with existing tag implementations

Screenshots:
Before

After

[graphite-app]

Your org requires the Graphite merge queue for merging into main

Add the label “flow:merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “flow:hotfix” to add to the merge queue as a hot fix.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

[agatha197]

• test: add image util functions test #2821
• fix: resolve empty value display in DoubleTag and update BAIIntervalView #2813 👈
• feat: make image lists resizable #2823
• refactor: parsing image data in session launcher for before 24.12 #2818
• refactor: parsing image data for versions before 24.12 #2817
• refactor: Use filterEmptyItem for table columns to improve readability. #2815
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @agatha197 and the rest of your teammates on Graphite

[github-actions]

Coverage report for ./react

St.❔	Category	Percentage	Covered / Total
🔴	Statements	5.02% (-0.02% 🔻)	367/7318
🔴	Branches	4.4% (+0.01% 🔼)	221/5027
🔴	Functions	2.94% (-0.01% 🔻)	71/2414
🔴	Lines	4.92% (-0.02% 🔻)	352/7157

Show new covered files 🐣

St.❔	File	Statements	Branches	Functions	Lines
🔴	... / BAIIntervalView.tsx	0%	0%	0%	0%

Show files with reduced coverage 🔻

St.❔	File	Statements	Branches	Functions	Lines
🔴	hooks/index.tsx	37.96% (-4.67% 🔻)	24.39% (-3.39% 🔻)	19.51% (-1.54% 🔻)	37.31% (-4.7% 🔻)
🔴	helper/index.tsx	50.97% (-1.35% 🔻)	47.22%	39.47% (-1.07% 🔻)	52.24% (-1.61% 🔻)

Test suite run success

109 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from 9c66cb1

[yomybaby]

LGTM

[graphite-app]

Merge activity

• Nov 12, 3:54 AM EST: A user added this pull request to the Graphite merge queue.
• Nov 12, 3:59 AM EST: A user merged this pull request with the Graphite merge queue.