feat(metadata-admin): provenance badges + navigation fix

Surface the two-tier model on the metadata list:
- Derive 'artifact' vs 'runtime' from item._packageId (sentinel
  'sys_metadata' counted as runtime); honor server-provided 'source'
  field when present
- Render colored badges: sky-blue '代码包/Artifact' (with packageId
  tooltip), emerald 'runtime/运行时' — replacing the always-'—' cell
- Wire the source filter dropdown to actually filter rows; counts
  reflect the new two-bucket model
- Add i18n keys engine.list.source.{artifact,runtime,*Desc} in EN+ZH

Fix relative navigation: navigate('../foo') was resolved against the
matched route pattern rather than the current pathname, dropping the
':type' segment (e.g. /metadata/hook/new → /metadata/new). Pass
{ relative: 'path' } on all four call sites in ResourceEditPage so
save/cancel/history/reset/create-from-locked-banner all land on the
correct URL within the type.

Browser-verified on hook:
- both badges render with correct colors and Chinese labels
- source filter narrows count + filtered count correctly
- '新建' on artifact detail page now goes to /metadata/hook/new

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: os-zhuang

packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx

@@ -341,7 +341,7 @@ export function MetadataResourceEditPage({
       // navigation to the new record's URL will reset state anyway).
       if (!createMode) setEditing(false);
       if (createMode) {
-        navigate(`../${encodeURIComponent(savedName)}`);
+        navigate(`../${encodeURIComponent(savedName)}`, { relative: 'path' });
       }
     } catch (err: any) {
       // Map destructive change → confirmation dialog.
@@ -412,7 +412,7 @@ export function MetadataResourceEditPage({
         setEditing(false);
       } else {
         // No artifact baseline → return to the list view.
-        navigate(`../`);
+        navigate(`../`, { relative: 'path' });
       }
     } catch (err: any) {
       setError(err?.message ?? String(err));
@@ -544,7 +544,7 @@ export function MetadataResourceEditPage({
             <Button
               variant="ghost"
               size="sm"
-              onClick={() => navigate(`./history`)}
+              onClick={() => navigate(`./history`, { relative: 'path' })}
             >
               <History className="h-4 w-4 mr-1" />
               {t('engine.edit.history', locale)}
@@ -651,7 +651,7 @@ export function MetadataResourceEditPage({
                     size="sm"
                     variant="outline"
                     className="shrink-0"
-                    onClick={() => navigate(`../new`)}
+                    onClick={() => navigate(`../new`, { relative: 'path' })}
                   >
                     {t('engine.list.create', locale)}
                   </Button>

packages/app-shell/src/views/metadata-admin/ResourceListPage.tsx

@@ -48,10 +48,31 @@ type ItemRow = {
   raw: any;
   /** Flattened item content for display. */
   item: Record<string, unknown>;
-  /** Best-effort source classification ('code' | 'overlay' | 'effective' | undefined). */
-  source?: string;
+  /**
+   * Provenance classification derived from `_packageId` tag:
+   *   - 'artifact' = shipped by a real code package
+   *   - 'runtime'  = authored at runtime (DB-only, no packageId or sentinel)
+   *
+   * Server may also pre-classify via a top-level `source` field
+   * ('code' / 'overlay' / 'effective'); we honor that when present
+   * and fall back to packageId-derived inference otherwise.
+   */
+  source: 'artifact' | 'runtime';
 };
 
+/**
+ * Derive provenance from item._packageId. The `loadMetaFromDb` path
+ * tags objects with the synthetic packageId 'sys_metadata' (see
+ * framework protocol.ts:3092); treat that sentinel as runtime-authored.
+ */
+function classifyProvenance(item: Record<string, unknown>, rawSource?: string): 'artifact' | 'runtime' {
+  if (rawSource === 'overlay' || rawSource === 'runtime') return 'runtime';
+  if (rawSource === 'code' || rawSource === 'artifact') return 'artifact';
+  const pkg = item._packageId as string | undefined;
+  if (!pkg || pkg === 'sys_metadata') return 'runtime';
+  return 'artifact';
+}
+
 export function MetadataResourceListPage({ type: typeProp }: MetadataResourceListPageProps) {
   const params = useParams<{ type?: string }>();
   const type = typeProp ?? params.type ?? '';
@@ -95,7 +116,7 @@ function DefaultMetadataList({ type }: { type: string }) {
           return {
             raw,
             item,
-            source: raw?.source,
+            source: classifyProvenance(item, raw?.source),
           };
         });
         setItems(rows);
@@ -115,15 +136,15 @@ function DefaultMetadataList({ type }: { type: string }) {
   const searchableFields = config.searchableFields ?? ['name', 'label', 'description'];
   const filtered = items.filter((row) => {
     if (!matchesQuery(row.item, query, searchableFields)) return false;
-    if (sourceFilter !== 'all' && row.source && row.source !== sourceFilter) return false;
+    if (sourceFilter !== 'all' && row.source !== sourceFilter) return false;
     return true;
   });
 
   // Compute source counts for the filter dropdown.
   const sourceCounts = React.useMemo(() => {
-    const c: Record<string, number> = { all: items.length, code: 0, overlay: 0, effective: 0 };
+    const c = { all: items.length, artifact: 0, runtime: 0 };
     for (const r of items) {
-      if (r.source && c[r.source] !== undefined) c[r.source]++;
+      c[r.source]++;
     }
     return c;
   }, [items]);
@@ -187,9 +208,8 @@ function DefaultMetadataList({ type }: { type: string }) {
             </SelectTrigger>
             <SelectContent>
               <SelectItem value="all">{t('engine.list.allSources', locale)} ({sourceCounts.all})</SelectItem>
-              <SelectItem value="code">Code ({sourceCounts.code})</SelectItem>
-              <SelectItem value="overlay">Overlay ({sourceCounts.overlay})</SelectItem>
-              <SelectItem value="effective">Effective ({sourceCounts.effective})</SelectItem>
+              <SelectItem value="artifact">{t('engine.list.source.artifact', locale)} ({sourceCounts.artifact})</SelectItem>
+              <SelectItem value="runtime">{t('engine.list.source.runtime', locale)} ({sourceCounts.runtime})</SelectItem>
             </SelectContent>
           </Select>
         </div>
@@ -260,21 +280,22 @@ function DefaultMetadataList({ type }: { type: string }) {
                         );
                       })}
                       <td className="px-3 py-2 text-right align-top">
-                        {row.source ? (
-                          <Badge
-                            variant="outline"
-                            className={
-                              'text-[10px] ' +
-                              (row.source === 'overlay'
-                                ? 'border-emerald-500 text-emerald-700'
-                                : '')
-                            }
-                          >
-                            {row.source}
-                          </Badge>
-                        ) : (
-                          <span className="text-muted-foreground text-xs">—</span>
-                        )}
+                        <Badge
+                          variant="outline"
+                          className={
+                            'text-[10px] ' +
+                            (row.source === 'artifact'
+                              ? 'border-sky-500/50 text-sky-700 dark:text-sky-300'
+                              : 'border-emerald-500/50 text-emerald-700 dark:text-emerald-300')
+                          }
+                          title={
+                            row.source === 'artifact'
+                              ? `${t('engine.list.source.artifactDesc', locale)}${row.item._packageId ? ` (${row.item._packageId})` : ''}`
+                              : t('engine.list.source.runtimeDesc', locale)
+                          }
+                        >
+                          {t(`engine.list.source.${row.source}`, locale)}
+                        </Badge>
                       </td>
                     </tr>
                   );

packages/app-shell/src/views/metadata-admin/i18n.ts

@@ -138,6 +138,10 @@ const ENGINE_STRINGS_EN: Record<string, string> = {
   'engine.list.items': 'Items',
   'engine.list.filtered': 'Filtered',
   'engine.list.allSources': 'All sources',
+  'engine.list.source.artifact': 'Artifact',
+  'engine.list.source.runtime': 'Runtime',
+  'engine.list.source.artifactDesc': 'Shipped by code package',
+  'engine.list.source.runtimeDesc': 'Authored at runtime',
   'engine.list.col.name': 'Name',
   'engine.list.col.label': 'Label',
   'engine.list.col.source': 'Source',
@@ -258,6 +262,10 @@ const ENGINE_STRINGS_ZH: Record<string, string> = {
   'engine.list.items': '条目',
   'engine.list.filtered': '已筛选',
   'engine.list.allSources': '全部来源',
+  'engine.list.source.artifact': '代码包',
+  'engine.list.source.runtime': '运行时',
+  'engine.list.source.artifactDesc': '由代码包提供',
+  'engine.list.source.runtimeDesc': '运行时创建',
   'engine.list.col.name': '名称',
   'engine.list.col.label': '标签',
   'engine.list.col.source': '来源',