fix: show full value on hover for truncated single-line fields

[fiosman]

• Adds logic to display a tooltip when hovering over a code mirror line editor. The tooltip is only displayed when the text in the code mirror cell is truncated. Handles cases when there is a combination of nunjucks tags and plain text in a cell.
• Update native tooltip text for environment variables nunjucks tags

Jira

[github-actions]

✅ Circular References Report

Generated at: 2026-07-23T17:37:22.467Z
Status: ✅ NO CHANGE

Summary

Metric	Base (develop)	PR	Change
Total Circular References	9	9	0 (0.00%)

Click to view all circular references in PR (9)

insomnia-inso/src/db/models/types.ts -> insomnia-inso/src/db/types.ts
insomnia/src/main/prompt-bridge.ts -> insomnia/src/main/window-utils.ts -> insomnia/src/main/plugin-window.ts
insomnia/src/main/window-utils.ts -> insomnia/src/main/plugin-window.ts
insomnia/src/network/network.ts -> insomnia-scripting-environment/src/objects/index.ts -> insomnia-scripting-environment/src/objects/collection.ts -> insomnia-scripting-environment/src/objects/response.ts
insomnia/src/network/network.ts -> insomnia/src/common/render.ts
insomnia/src/ui/components/settings/import-export.tsx -> insomnia/src/ui/components/modals/export-requests-modal.tsx
insomnia/src/ui/components/tabs/tab-list.tsx -> insomnia/src/ui/components/tabs/tab.tsx
insomnia/src/ui/components/templating/tag-editor-arg-sub-form.tsx -> insomnia/src/ui/components/templating/external-vault/external-vault-form.tsx
insomnia/src/ui/components/viewers/response-viewer.tsx -> insomnia/src/ui/components/viewers/response-multipart-viewer.tsx

Click to view all circular references in base branch (9)

insomnia-inso/src/db/models/types.ts -> insomnia-inso/src/db/types.ts
insomnia/src/main/prompt-bridge.ts -> insomnia/src/main/window-utils.ts -> insomnia/src/main/plugin-window.ts
insomnia/src/main/window-utils.ts -> insomnia/src/main/plugin-window.ts
insomnia/src/network/network.ts -> insomnia-scripting-environment/src/objects/index.ts -> insomnia-scripting-environment/src/objects/collection.ts -> insomnia-scripting-environment/src/objects/response.ts
insomnia/src/network/network.ts -> insomnia/src/common/render.ts
insomnia/src/ui/components/settings/import-export.tsx -> insomnia/src/ui/components/modals/export-requests-modal.tsx
insomnia/src/ui/components/tabs/tab-list.tsx -> insomnia/src/ui/components/tabs/tab.tsx
insomnia/src/ui/components/templating/tag-editor-arg-sub-form.tsx -> insomnia/src/ui/components/templating/external-vault/external-vault-form.tsx
insomnia/src/ui/components/viewers/response-viewer.tsx -> insomnia/src/ui/components/viewers/response-multipart-viewer.tsx

Analysis

✅ No Change: This PR does not introduce or remove any circular references.

---

This report was generated automatically by comparing against the develop branch.

[Copilot]

Pull request overview

This PR improves UX for truncated single-line inputs by showing the full value in a tooltip on hover, and enhances templating tooltips to show variable source context more clearly.

Changes:

• Extend the shared Tooltip to support conditional display (shouldShow) and cursor-anchored positioning (followCursor), with a custom dwell timer to avoid cross-tooltip “warmup” behavior.
• Wrap OneLineEditor with a tooltip that only appears when the editor content is horizontally truncated.
• Adjust Nunjucks variable tooltip formatting and update render-context key source labels to use environment names.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File	Description
packages/insomnia/src/ui/components/tooltip.tsx	Adds cursor-following + conditional tooltip display and replaces react-stately hover delay behavior with a custom dwell timer.
packages/insomnia/src/ui/components/.client/codemirror/one-line-editor.tsx	Wraps the one-line editor with a tooltip that shows full content on hover only when truncated.
packages/insomnia/src/ui/components/.client/codemirror/extensions/nunjucks-tags.ts	Updates variable tooltip text formatting to append key source context.
packages/insomnia/src/common/render.ts	Changes key source labeling from internal identifiers to environment names for tooltip context.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

Comments suppressed due to low confidence (1)

packages/insomnia/src/common/render.ts:447

• The keyContext labels for root/global environments only include “(Project)”/“(Collection)” in the fallback string, but not when the environment has a name. Since base environments are often named "Base Environment" in both scopes, this can make the rendered {source} ambiguous. Consider always suffixing the scope regardless of whether name is present (matching the sub-environment labels).

  if (rootGlobalEnvironment) {
    getKeySource(rootGlobalEnvironment.data || {}, inKey, rootGlobalEnvironment.name || 'Base Environment (Project)');
  }

  if (subGlobalEnvironment) {
    getKeySource(
      subGlobalEnvironment.data || {},
      inKey,
      `${subGlobalEnvironment.name || 'Environment'} (Project Sub-Environment)`,
    );
  }

  // Get Keys from root environment
  getKeySource((rootEnvironment || {}).data, inKey, rootEnvironment?.name || 'Base Environment (Collection)');

[ryan-willis]

clever

[Copilot]

Pull request overview

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.