docs: make the component sections executable in one pass

Expands 3.1 and 3.2 so the work can be done without re-deriving anything.

3.1 now records what 0.8.6 already fixed, separated into the ten components
that were miswired and the five that gained outputs they had been firing
undeclared, with the caveat that Map's three were converted but never confirmed
in a browser. For the 22 that remain it adds the finding that changes the
decision: all nine are pure scaffolds with no state, functions or handlers, and
five of them duplicate a component that already works -- FileUpload against
FileInput and FileUploadProgress, Toast and ToastNotifications against Toaster,
AdvancedDatePicker against DatePicker, AdvancedRangeSlider against RangeSlider.
Superseding those is a migration entry rather than new code, and leaves Chart,
TreeView, Confetti and CopyMarkup as the only ones needing to be built.

3.2 corrects the scaffold count from 23 to 28; the earlier figure used a looser
rule. Nine of the 28 are the 3.1 components, so the two items must be planned
together, and several of the rest are primitives that need only their styles
moved out of ui.css rather than any behaviour.

Also corrects the dead-output component count from 11 to 9 in both documents.

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

examples/inter-app-api-showcase/packages/shared/src/index.ts

@@ -0,0 +1,25 @@
+/**
+ * Shared code for every app in this workspace. Import it anywhere: `@app/shared`.
+ * The cross-app event bus uses Redis so messages reach every app process/domain.
+ */
+import { createPubSub } from "../../../../../packages/pubsub/src/index.ts";
+import { redisDriver } from "../../../../../packages/pubsub/src/redis.ts";
+import { defineService, procedure } from "../../../../../packages/rpc/src/index.ts";
+import { v } from "../../../../../packages/validation/src/index.ts";
+
+// One bus per process, backed by Redis (set REDIS_URL, defaults to localhost:6379).
+export const bus = createPubSub(redisDriver(process.env.REDIS_URL));
+
+// Shared domain types can live here and be imported by every app.
+export interface Tenant {
+  id: string;
+  name: string;
+}
+
+/** Typed contract imported by both generated workspace apps. */
+export const catalogService = defineService({
+  name: "catalog",
+  procedures: {
+    getProduct: procedure
+      .input(v.object({ sku: v.string() }))
+