DRY up shortcut and link rendering in DevSessionUI

[nickwesselman]

WHY are these changes introduced?

The app dev footer content had an increasing number of redundant checks.

WHAT is this pull request doing?

Proposed update to make the app dev footer more DRY.

Checklist

• I've considered possible cross-platform impacts (Mac, Linux, Windows)
• I've considered possible documentation changes
• I've considered analytics changes to measure impact
• The change is user-facing, so I've added a changelog entry with pnpm changeset add

[nickwesselman]

• DRY up shortcut and link rendering in DevSessionUI #7260 👈 (View in Graphite)
• Hyperlink shortcut labels in DevSessionUI footer #7259
• Add Dev Console shortcut for non-embedded apps in app dev #7263
• Update graphql-codegen generated types #7264
• main

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

[nickwesselman]

/snapit

[github-actions]

Differences in type declarations

We detected differences in the type declarations generated by Typescript for this branch compared to the baseline ('main' branch). Please, review them to ensure they are backward-compatible. Here are some important things to keep in mind:

• Some seemingly private modules might be re-exported through public modules.
• If the branch is behind main you might see odd diffs, rebase main into this branch.

New type declarations

We found no new type declarations in this PR

Existing type declarations

packages/cli-kit/dist/public/node/system.d.ts

@@ -87,6 +87,12 @@ export declare function exec(command: string, args: string[], options?: ExecOpti
  * @returns A Promise resolving after the number of seconds.
  */
 export declare function sleep(seconds: number): Promise<void>;
+/**
+ * Check if the terminal supports OSC 8 hyperlinks.
+ *
+ * @returns True if the terminal supports hyperlinks.
+ */
+export declare function terminalSupportsHyperlinks(): boolean;
 /**
  * Check if the standard input and output streams support prompting.
  *

[github-actions]

🫰✨ Thanks @nickwesselman! Your snapshot has been published to npm.

Test the snapshot by installing your package globally:

 i -g --@shopify:registry=https://registry.npmjs.org @shopify/cli@0.0.0-snapshot-20260415180405

Caution

After installing, validate the version by running shopify version in your terminal.
If the versions don't match, you might have multiple global instances installed.
Use which shopify to find out which one you are running and uninstall it.