sol-pod: auto-init + last-visited memory + LDP metadata; cross-window auth signaling

sol-pod
- auto-initializes in connectedCallback (microtask-deferred); initialize()
  is now single-flight so explicit awaiters share the in-flight pass.
- Remembers the last-visited container per (pods-group, side) in
  localStorage and restores it on the next mount. If the remembered
  path sits under a different storage than pods[0], the dropdown
  switches to that pod via _rootForPath. Storage-unavailable contexts
  are wrapped silently.
- Container items now carry size / mtime / modified / types from the
  LDP listing (posix:size, posix:mtime, dct:modified, rdf:type). Item
  shape stays additive — existing url/name/displayName/isContainer/
  contentType unchanged.
- Breadcrumb gear routes through _activateItem so a host's
  podClickAction (e.g. dk-solidos navigating its iframe) gets first
  refusal on the current container; falls back to the pod-ops modal.
- gear-icon attribute applies to both per-item and breadcrumb gears
  via a shared _paintGearIcon helper.

sol-login
- BroadcastChannel('sol-auth') signals login/logout across same-origin
  windows, tabs, and iframes. Foreign auth sets `external-auth` on the
  host so CSS paints the button green and surfaces the chip — only
  when this element has no own logged-in session.

sol-menu / sol-include / sol-weather
- sol-menu: part="content"/part="nav" hooks for outside theming.
  Default .sol-menu-content overflow flipped to hidden (chrome
  doesn't scroll); horizontal nav now wraps instead of scrolling
  when items don't fit a row.
- sol-include: :host is flex column with flex:1 1 auto + min-height:0,
  and the .si-content wrapper gets the same treatment in both shadow
  and trusted (slotted) modes — so components placed inside finally
  get a definite height to fill and scroll on their own.
- sol-weather: hide the card on fetch error instead of surfacing the
  "Failed to fetch" string.

Help / demos
- New help/newhelp/ tabbed help pages (pod / menu / query / search /
  weather). index.html wires podClickAction via a MutationObserver
  that also watches sol-menu's shadow subtree so clicks on the live
  sol-pod render item details — including the new size / mtime /
  modified / types fields, with sizes humanized.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: jeff-zucker

core/pod-ops.js

@@ -8,6 +8,14 @@ import { rdf } from './rdf.js';
 const LDP_CONTAINS = 'http://www.w3.org/ns/ldp#contains';
 const OWL_SAME_AS  = 'http://www.w3.org/2002/07/owl#sameAs';
 const PIM_STORAGE  = 'http://www.w3.org/ns/pim/space#storage';
+// Per-resource metadata predicates emitted by Solid LDP servers in
+// container listings. POSIX_* is the canonical pair (CSS, and NSS via
+// the same URI even though it imports as `stat:`). DCT_MODIFIED is
+// the human-readable ISO-datetime mirror.
+const POSIX_SIZE    = 'http://www.w3.org/ns/posix/stat#size';
+const POSIX_MTIME   = 'http://www.w3.org/ns/posix/stat#mtime';
+const DCT_MODIFIED  = 'http://purl.org/dc/terms/modified';
+const RDF_TYPE      = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type';
 
 // ── MIME types ────────────────────────────────────────────────────────
 
@@ -58,32 +66,56 @@ async function fetchContainerRaw(url, fetchFn) {
 
   const store = rdf.graph();
   rdf.parse(text, store, url, 'text/turtle');
-  return store.each(rdf.sym(url), rdf.sym(LDP_CONTAINS), null, null).map(n => n.value);
+  const container = rdf.sym(url);
+  return store.each(container, rdf.sym(LDP_CONTAINS), null, null).map(n => {
+    const sub = rdf.sym(n.value);
+    const num = (pred) => {
+      const v = store.any(sub, rdf.sym(pred), null, null);
+      if (!v) return null;
+      const x = Number(v.value);
+      return Number.isFinite(x) ? x : null;
+    };
+    const str = (pred) => {
+      const v = store.any(sub, rdf.sym(pred), null, null);
+      return v ? v.value : null;
+    };
+    return {
+      url:      n.value,
+      size:     num(POSIX_SIZE),
+      mtime:    num(POSIX_MTIME),
+      modified: str(DCT_MODIFIED),
+      types:    store.each(sub, rdf.sym(RDF_TYPE), null, null).map(t => t.value),
+    };
+  });
 }
 
 function tryDecode(s) {
   try { return decodeURIComponent(s); } catch { return s; }
 }
 
-function mapResources(resourceUrls) {
-  return resourceUrls.map(url => {
+function mapResources(resources) {
+  return resources.map(r => {
+    const url = r.url;
     const isContainer = url.endsWith('/');
     const name = isContainer ? url.split('/').slice(-2)[0] : url.split('/').pop();
     const displayName = tryDecode(name);
     // Inferred from the extension (containers are turtle). It's a guess —
     // an extensionless file is 'application/octet-stream'; HEAD the url for
     // the server's authoritative Content-Type.
     const contentType = isContainer ? 'text/turtle' : contentTypeFor(name);
-    return { url, name, displayName, isContainer, contentType };
+    return {
+      url, name, displayName, isContainer, contentType,
+      size: r.size, mtime: r.mtime, modified: r.modified, types: r.types,
+    };
   }).sort((a, b) => {
     if (a.isContainer === b.isContainer) return a.displayName.localeCompare(b.displayName);
     return a.isContainer ? -1 : 1;
   });
 }
 
 export async function fetchContainer(url, fetchFn) {
-  const urls = await fetchContainerRaw(url, fetchFn);
-  return mapResources(urls);
+  const resources = await fetchContainerRaw(url, fetchFn);
+  return mapResources(resources);
 }
 
 // ── File operations ───────────────────────────────────────────────────
@@ -114,9 +146,9 @@ export async function copyFolder(sourceUrl, targetContainerUrl, folderName, fetc
   if (onProgress) onProgress(`Copying folder ${folderName}...`);
 
   const sourceFetch = fetchFnForUrl(sourceUrl);
-  let childUrls;
+  let children;
   try {
-    childUrls = await fetchContainerRaw(sourceUrl, sourceFetch);
+    children = await fetchContainerRaw(sourceUrl, sourceFetch);
   } catch (e) {
     return { success: false, error: e.message };
   }
@@ -131,7 +163,8 @@ export async function copyFolder(sourceUrl, targetContainerUrl, folderName, fetc
   }
 
   let failed = 0;
-  for (const childUrl of childUrls) {
+  for (const child of children) {
+    const childUrl = child.url;
     const isContainer = childUrl.endsWith('/');
     const name = isContainer ? childUrl.split('/').slice(-2)[0] : childUrl.split('/').pop();
     if (isContainer) {

dist/podz-extras.bundle.min.js

@@ -6,7 +6,6 @@
   ui:parts ( <#Home> <#DataMenu> <#About> ) .
 
 <#Home> a ui:Link; ui:label "Home" ;
-  ui:icon <../help/house.png> ;
   ui:contents "<h2>Welcome</h2><p>This is the home page, rendered from a <code>ui:contents</code> literal.</p>" .
 
 <#DataMenu> a ui:Menu; ui:label "Data" ;
@@ -16,11 +15,21 @@
   ui:name "sol-query" ;
   ui:attribute
     [ schema:name "endpoint" ; schema:value <./sample-data.ttl> ] ,
-    [ schema:name "sparql" ; schema:value "SELECT ?s ?p ?o WHERE { ?s ?p ?o . }" ] ,
+    [ schema:name "sparql" ; schema:value """PREFIX schema: <http://schema.org/>
+      SELECT ?name ?gender ?location WHERE {
+        ?p a schema:Person ;
+           schema:name ?name ;
+           schema:gender ?gender ;
+           schema:homeLocation ?location .
+      } LIMIT 3""" ] ,
     [ schema:name "view" ; schema:value "table" ] .
 
 <#SampleTriples> a ui:Link; ui:label "People (raw triples)" ;
   ui:href <./sample-data.ttl> .
 
 <#About> a ui:Link; ui:label "About" ;
-  ui:contents "<h2>About</h2><p>This menu was generated entirely from RDF using the <code>from-rdf</code> attribute.</p>" .
+  ui:href <./sample-buttons.html> ;
+  ui:handler [
+    ui:name "sol-include" ;
+    ui:attribute [ schema:name "trusted" ; schema:value "" ]
+  ] .