feat: roll out illustrative empty states across 8 pages with 2 new guide entries

- TreeLibraryPage: split empty state into no-flows (illustration + CTA) vs no-filter-results
- MyAnalyticsPage/TeamAnalyticsPage: add zero-sessions empty state with illustration
- SessionHistoryPage: split into no-sessions (illustration) vs no-filter-results
- StepLibraryBrowser: illustrative empty state when no steps exist
- ScriptTemplateList: replace plain empty state with ScriptIllustration
- MySharesPage: replace icon-based empty state with ShareIllustration
- IntegrationsPage: add IntegrationIllustration above setup form
- Add script-templates and psa-setup guides to guides data
- Add EmptyState vitest tests (7 tests)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/pages/MySharesPage.tsx

@@ -1,10 +1,11 @@
 import { useState, useEffect, useCallback } from 'react'
 import { Link, useNavigate } from 'react-router-dom'
-import { Globe, Users, Copy, Check, Link2, ExternalLink, Trash2, ArrowLeft } from 'lucide-react'
+import { Globe, Users, Copy, Check, ExternalLink, Trash2, ArrowLeft } from 'lucide-react'
 import { PageMeta } from '@/components/common/PageMeta'
 import { Button } from '@/components/ui/Button'
 import { Spinner } from '@/components/common/Spinner'
 import { EmptyState } from '@/components/common/EmptyState'
+import { ShareIllustration } from '@/components/common/EmptyStateIllustrations'
 import { ConfirmDialog } from '@/components/common/ConfirmDialog'
 import { cn } from '@/lib/utils'
 import { toast } from '@/lib/toast'
@@ -142,18 +143,17 @@ export default function MySharesPage() {
 
       {/* Empty state */}
       {shares.length === 0 ? (
-        <div className="bg-card border border-border rounded-xl">
-          <EmptyState
-            icon={<Link2 className="h-12 w-12" />}
-            title="No shared sessions"
-            description="Share a session from the session detail page to create a link"
-            action={
-              <Button onClick={() => navigate('/sessions')}>
-                Go to Sessions
-              </Button>
-            }
-          />
-        </div>
+        <EmptyState
+          illustration={<ShareIllustration />}
+          title="Share session results with your team"
+          description="Create shareable links to completed sessions for knowledge sharing and client communication."
+          action={
+            <Button onClick={() => navigate('/sessions')}>
+              View Sessions
+            </Button>
+          }
+          learnMoreLink="/guides/sharing-exports"
+        />
       ) : (
         <div className="space-y-4">
           {shares.map((share) => {