style: auto-fix formatting

Author: github-actions[bot]

showcase/integrations/langgraph-python/src/app/demos/a2ui-fixed-schema/_components/button.tsx

@@ -26,8 +26,7 @@ const sizeClasses: Record<Size, string> = {
   lg: "h-11 rounded-md px-6",
 };
 
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: Variant;
   size?: Size;
 }

showcase/integrations/langgraph-python/src/app/demos/agent-config/demo-layout.tsx

@@ -28,7 +28,10 @@ export function DemoLayout({
         onResponseLengthChange={onResponseLengthChange}
       />
       <div className="flex-1 overflow-hidden rounded-md border border-[var(--border)]">
-        <CopilotChat agentId="agent-config-demo" className="h-full rounded-md" />
+        <CopilotChat
+          agentId="agent-config-demo"
+          className="h-full rounded-md"
+        />
       </div>
     </div>
   );

showcase/integrations/langgraph-python/src/app/demos/byoc-hashbrown/hashbrown-renderer.tsx

@@ -38,14 +38,30 @@ function parseChartData(data: string): ChartSlice[] | null {
   }
 }
 
-function PieChartWithStringData({ title, data }: { title: string; data: string }) {
+function PieChartWithStringData({
+  title,
+  data,
+}: {
+  title: string;
+  data: string;
+}) {
   const parsed = parseChartData(data);
-  return parsed ? <PieChart title={title} description="" data={parsed} /> : null;
+  return parsed ? (
+    <PieChart title={title} description="" data={parsed} />
+  ) : null;
 }
 
-function BarChartWithStringData({ title, data }: { title: string; data: string }) {
+function BarChartWithStringData({
+  title,
+  data,
+}: {
+  title: string;
+  data: string;
+}) {
   const parsed = parseChartData(data);
-  return parsed ? <BarChart title={title} description="" data={parsed} /> : null;
+  return parsed ? (
+    <BarChart title={title} description="" data={parsed} />
+  ) : null;
 }
 
 const STAGE_COLORS: Record<SalesStage, string> = {
@@ -171,7 +187,11 @@ function useSalesDashboardKit() {
 type Kit = ReturnType<typeof useSalesDashboardKit>;
 const HashBrownKitContext = createContext<Kit | null>(null);
 
-export function HashBrownDashboard({ children }: { children?: React.ReactNode }) {
+export function HashBrownDashboard({
+  children,
+}: {
+  children?: React.ReactNode;
+}) {
   const kit = useSalesDashboardKit();
   return (
     <HashBrownKitContext.Provider value={kit}>
@@ -211,7 +231,9 @@ export function HashBrownRenderMessage({
 }) {
   const kit = useContext(HashBrownKitContext);
   if (!kit)
-    throw new Error("HashBrownRenderMessage must be used within HashBrownDashboard");
+    throw new Error(
+      "HashBrownRenderMessage must be used within HashBrownDashboard",
+    );
   if (message.role !== "assistant") return null;
   return <AssistantMessage content={message.content ?? ""} kit={kit} />;
 }

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/charts/bar-chart.tsx

@@ -63,7 +63,9 @@ export function BarChart({ title, description, data }: BarChartComponentProps) {
           {title}
         </h3>
         {description ? (
-          <p className="text-sm text-[var(--muted-foreground)]">{description}</p>
+          <p className="text-sm text-[var(--muted-foreground)]">
+            {description}
+          </p>
         ) : null}
       </div>
       <div className="p-6 pt-2">
@@ -73,7 +75,11 @@ export function BarChart({ title, description, data }: BarChartComponentProps) {
               data={data}
               margin={{ top: 12, right: 12, bottom: 4, left: -8 }}
             >
-              <CartesianGrid strokeDasharray="3 3" stroke="var(--border)" vertical={false} />
+              <CartesianGrid
+                strokeDasharray="3 3"
+                stroke="var(--border)"
+                vertical={false}
+              />
               <XAxis
                 dataKey="label"
                 tick={{ fontSize: 12, fill: "var(--muted-foreground)" }}
@@ -98,7 +104,9 @@ export function BarChart({ title, description, data }: BarChartComponentProps) {
                 maxBarSize={48}
                 shape={(props: unknown) => {
                   const p = props as Record<string, unknown>;
-                  return <AnimatedBar {...p} isNew={isNew(p.index as number)} />;
+                  return (
+                    <AnimatedBar {...p} isNew={isNew(p.index as number)} />
+                  );
                 }}
               >
                 {data.map((_, i) => (

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/charts/pie-chart.tsx

@@ -13,7 +13,11 @@ export interface PieChartComponentProps {
   data: PieChartDatum[];
 }
 
-function DonutChart({ data, size = 240, strokeWidth = 40 }: {
+function DonutChart({
+  data,
+  size = 240,
+  strokeWidth = 40,
+}: {
   data: PieChartDatum[];
   size?: number;
   strokeWidth?: number;
@@ -25,10 +29,16 @@ function DonutChart({ data, size = 240, strokeWidth = 40 }: {
 
   let accumulated = 0;
   const slices = data.map((item, i) => {
-    const arc = (total > 0 ? (Number(item.value) || 0) / total : 0) * circumference;
+    const arc =
+      (total > 0 ? (Number(item.value) || 0) / total : 0) * circumference;
     const dashoffset = -accumulated;
     accumulated += arc;
-    return { arc, gap: circumference - arc, dashoffset, color: CHART_COLORS[i % CHART_COLORS.length] };
+    return {
+      arc,
+      gap: circumference - arc,
+      dashoffset,
+      color: CHART_COLORS[i % CHART_COLORS.length],
+    };
   });
 
   return (
@@ -38,7 +48,14 @@ function DonutChart({ data, size = 240, strokeWidth = 40 }: {
       className="block mx-auto"
       style={{ maxWidth: size, transform: "scaleX(-1)" }}
     >
-      <circle cx={center} cy={center} r={radius} fill="none" stroke="var(--secondary)" strokeWidth={strokeWidth} />
+      <circle
+        cx={center}
+        cy={center}
+        r={radius}
+        fill="none"
+        stroke="var(--secondary)"
+        strokeWidth={strokeWidth}
+      />
       {slices.map((s, i) => (
         <circle
           key={i}
@@ -60,7 +77,9 @@ function DonutChart({ data, size = 240, strokeWidth = 40 }: {
 
 export function PieChart({ title, description, data }: PieChartComponentProps) {
   const hasData = Array.isArray(data) && data.length > 0;
-  const total = hasData ? data.reduce((sum, d) => sum + (Number(d.value) || 0), 0) : 0;
+  const total = hasData
+    ? data.reduce((sum, d) => sum + (Number(d.value) || 0), 0)
+    : 0;
 
   return (
     <div
@@ -72,7 +91,9 @@ export function PieChart({ title, description, data }: PieChartComponentProps) {
           {title}
         </h3>
         {description ? (
-          <p className="text-sm text-[var(--muted-foreground)]">{description}</p>
+          <p className="text-sm text-[var(--muted-foreground)]">
+            {description}
+          </p>
         ) : null}
       </div>
       <div className="p-6 pt-4">
@@ -87,9 +108,13 @@ export function PieChart({ title, description, data }: PieChartComponentProps) {
                   <div key={i} className="flex items-center gap-3 text-sm">
                     <span
                       className="inline-block h-3 w-3 rounded-full shrink-0"
-                      style={{ backgroundColor: CHART_COLORS[i % CHART_COLORS.length] }}
+                      style={{
+                        backgroundColor: CHART_COLORS[i % CHART_COLORS.length],
+                      }}
                     />
-                    <span className="flex-1 text-[var(--foreground)] truncate">{item.label}</span>
+                    <span className="flex-1 text-[var(--foreground)] truncate">
+                      {item.label}
+                    </span>
                     <span className="text-[var(--muted-foreground)] tabular-nums">
                       {val.toLocaleString()}
                     </span>

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/json-render-renderer.tsx

@@ -11,7 +11,9 @@ import type { JsonRenderSpec } from "./types";
 
 const ALLOWED_TYPES = new Set(["MetricCard", "BarChart", "PieChart"]);
 
-export function JsonRenderAssistantMessage(props: CopilotChatAssistantMessageProps) {
+export function JsonRenderAssistantMessage(
+  props: CopilotChatAssistantMessageProps,
+) {
   const content =
     typeof props.message.content === "string" ? props.message.content : "";
   const spec = useMemo(() => parseSpec(content), [content]);
@@ -77,13 +79,19 @@ function extractJsonObject(raw: string): string | null {
   let escape = false;
   for (let i = start; i < candidate.length; i++) {
     const ch = candidate[i];
-    if (escape) { escape = false; continue; }
+    if (escape) {
+      escape = false;
+      continue;
+    }
     if (inString) {
       if (ch === "\\") escape = true;
       else if (ch === '"') inString = false;
       continue;
     }
-    if (ch === '"') { inString = true; continue; }
+    if (ch === '"') {
+      inString = true;
+      continue;
+    }
     if (ch === "{") depth++;
     else if (ch === "}" && --depth === 0) return candidate.slice(start, i + 1);
   }

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/metric-card.tsx

@@ -31,7 +31,9 @@ export function MetricCard({ label, value, trend }: MetricCardComponentProps) {
   );
 }
 
-function inferTrendDirection(trend: string | null | undefined): "up" | "down" | "neutral" {
+function inferTrendDirection(
+  trend: string | null | undefined,
+): "up" | "down" | "neutral" {
   const t = trend?.trim();
   if (!t) return "neutral";
   if (t.startsWith("+")) return "up";

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/registry.tsx

@@ -13,7 +13,11 @@ export const { registry } = defineRegistry(catalog, {
         {children}
       </div>
     ),
-    BarChart: ({ props }) => <BarChart {...(props as BarChartComponentProps)} />,
-    PieChart: ({ props }) => <PieChart {...(props as PieChartComponentProps)} />,
+    BarChart: ({ props }) => (
+      <BarChart {...(props as BarChartComponentProps)} />
+    ),
+    PieChart: ({ props }) => (
+      <PieChart {...(props as PieChartComponentProps)} />
+    ),
   },
 });

showcase/integrations/langgraph-python/src/app/demos/byoc-json-render/types.ts

@@ -1,4 +1,7 @@
 export interface JsonRenderSpec {
   root: string;
-  elements: Record<string, { type: string; props: Record<string, unknown>; children?: string[] }>;
+  elements: Record<
+    string,
+    { type: string; props: Record<string, unknown>; children?: string[] }
+  >;
 }

showcase/integrations/langgraph-python/src/app/demos/chat-customization-css/README.md

@@ -75,7 +75,7 @@ You'll see:
 - Fonts load from Google Fonts via `@import` at the top of `theme.css`
   so the demo is self-contained — copy the file into another project and
   the theme works end-to-end
-- Reach for slots (see `chat-slots`) when you need to change *what* a
+- Reach for slots (see `chat-slots`) when you need to change _what_ a
   piece renders, not just how it looks; reach for CSS — like this demo —
   when the default structure is fine and you only need a different
   visual identity