From 386228f75718e16f71a8616bf99036d161a29ae1 Mon Sep 17 00:00:00 2001
From: DIodide <ibraheem.amin3@gmail.com>
Date: Sat, 22 Aug 2026 14:09:29 -0400
Subject: [PATCH] Schedule cards in chat link out to TigerJunction's calendar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inline render + deep link, per the connector product principle: the
schedule card header now carries "Open in TigerJunction ↗" pointing at
the ReCal calendar.

Claude-Session: https://claude.ai/code/session_01MKLJUWk6biNAKXupHTTWn5
---
 app/src/client/components/ToolCards.tsx | 22 +++++++++++++++++++++-
 app/src/client/styles.css               | 10 ++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/app/src/client/components/ToolCards.tsx b/app/src/client/components/ToolCards.tsx
index e738d97..eddbcbe 100644
--- a/app/src/client/components/ToolCards.tsx
+++ b/app/src/client/components/ToolCards.tsx
@@ -52,8 +52,16 @@ export function ToolRender({ view }: { view: ToolView }) {
 
   const schedule = extractSchedule(view.data);
   if (schedule) {
+    const junction = PI_APPS.find((a) => a.key === "junction")!;
     return (
-      <ToolCard view={view} label={cardLabel(view, schedule.termName)}>
+      <ToolCard
+        view={view}
+        label={cardLabel(view, schedule.termName)}
+        link={{
+          href: `${junction.home}/recalplus`,
+          label: "Open in TigerJunction ↗",
+        }}
+      >
         {schedule.title && (
           <p style={{ margin: "0 0 10px", fontWeight: 600, fontSize: 14 }}>
             {schedule.title}
@@ -153,10 +161,12 @@ function shortError(text: string | null): string {
 function ToolCard({
   view,
   label,
+  link,
   children,
 }: {
   view: ToolView;
   label: string;
+  link?: { href: string; label: string };
   children: React.ReactNode;
 }) {
   return (
@@ -165,6 +175,16 @@ function ToolCard({
         <AppDot view={view} />
         <span>{label}</span>
         <span className="spacer" />
+        {link && (
+          <a
+            className="card-link"
+            href={link.href}
+            target="_blank"
+            rel="noreferrer"
+          >
+            {link.label}
+          </a>
+        )}
         <span className="tname">{view.base}</span>
       </div>
       <div className="card-body">{children}</div>
diff --git a/app/src/client/styles.css b/app/src/client/styles.css
index ef5b148..ec9b195 100644
--- a/app/src/client/styles.css
+++ b/app/src/client/styles.css
@@ -544,6 +544,16 @@ textarea {
   object-fit: contain;
   flex-shrink: 0;
 }
+.tool-card .card-head .card-link {
+  color: var(--pi-deep);
+  font-weight: 600;
+  font-size: 12px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.tool-card .card-head .card-link:hover {
+  text-decoration: underline;
+}
 .tool-card .card-head .tname {
   font-family: var(--mono);
   font-size: 12px;