feat(plugin-og): follow the embedding page in the address bar

[antfubot]

When the Open Graph devframe runs in a hub dock inside an app, it now inspects the page that you are on.

• The address bar shows a path such as / or /posts. You can type a path to inspect a page of the app. A full https:// URL still inspects a remote site.
• The address follows the app page when it navigates. A new refresh button reads the current page path again, for a router that the browser does not report.
• The top bar shows the resolved URL and the HTTP status, for example http://localhost:5175/ HTTP 200.
• A failed request clears the last result, so the panel does not show an old page as the current one.

The standalone viewer and the CLI keep full URLs, because they have no app page to resolve a path against.

Created with the help of an agent.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
devframe	Skipped		Oct 6, 2026 4:01am UTC

[github-actions]

👁️‍🗨️ Review this pull request with grouped, summarized diffs at:
👉 https://pulls.review/gh/devframes/devframe/438?from=github-actions[bot]

raw result

💭 analyzed by vercel-ai-gateway/anthropic/claude-sonnet-5
🕰️ 2026-10-06 04:01 UTC
🔗 head ee7e1a5
🤖 automated by pulls.review

{
  "headSha": "ee7e1a5bed7c037ed1c6c874bec8dc339c533913",
  "result": {
    "overallSummary": "Adds the ability for the Open Graph devframe to follow the embedding app page's address when run inside a hub dock: the address bar accepts page paths resolved against the host origin, follows navigation automatically, gains a manual refresh button, and shows the resolved URL/HTTP status in the toolbar instead of the panel body. The standalone viewer/CLI are unaffected since they have no host page.",
    "groups": [
      {
        "key": "follow-host-page",
        "label": "Follow embedding page",
        "summary": "Implements the core logic: detect the app page embedding the og viewer, track its navigation, and resolve/format page paths against its origin so typed paths and full URLs both work.",
        "category": "core",
        "filePaths": [
          "plugins/og/app/app/composables/useHostPage.ts",
          "plugins/og/app/app/composables/useOgViewer.ts",
          "plugins/og/app/app/utils/address.ts"
        ]
      },
      {
        "key": "ui-toolbar",
        "label": "Toolbar UI updates",
        "summary": "Updates the address bar toolbar to show a refresh action and the resolved URL/status, and adapts placeholder/labels for embedded mode; wires the new state through app.vue.",
        "category": "ui",
        "filePaths": [
          "plugins/og/app/app/app.vue",
          "plugins/og/app/app/components/ViewerToolbar.vue",
          "plugins/og/app/app/components/ViewerToolbar.stories.ts"
        ]
      },
      {
        "key": "tests",
        "label": "Address utility tests",
        "summary": "Unit tests covering the new `formatAddress`/`resolveAddress` helpers for same-origin, cross-origin, and standalone (no embedding page) cases.",
        "category": "tests",
        "filePaths": [
          "plugins/og/test/address.test.ts"
        ]
      }
    ],
    "schemaVersion": 1,
    "source": "llm",
    "generatedAt": "2026-10-06T04:01:51.421Z",
    "model": "vercel-ai-gateway/anthropic/claude-sonnet-5",
    "locale": "en"
  }
}