-
- {command}
+ /gsd:plan-phase 3
+ {command}
+ {input.question || input.prompt || JSON.stringify(input)}
+Response:
+{typeof toolResult.content === 'string' ? toolResult.content : JSON.stringify(toolResult.content)}
++ {summary} +
+ + {/* Expand indicator */} +State tree coming in Phase 9
+No files open
++ Click a file in the State tree to view it +
+
+ {tab.content}
+
+ ) : (
+
+ {children}
+
+ );
+ },
+
+ // Custom link handling
+ a({ href, children, ...props }: any) {
+ // Internal .md links open in viewer
+ if (href?.endsWith('.md')) {
+ const resolvedPath = resolvePath(href);
+ return (
+ {
+ e.preventDefault();
+ openFile(resolvedPath);
+ }}
+ className="text-primary hover:underline cursor-pointer"
+ {...props}
+ >
+ {children}
+
+ );
+ }
+
+ // External links open in new tab
+ return (
+
+ {children}
+
+ );
+ },
+
+ // Table styling
+ table({ children, ...props }: any) {
+ return (
+ + {children} ++ ); + }, + + // Task list items (read-only) + li({ children, ...props }: any) { + // Check if this is a task list item + const firstChild = Array.isArray(children) ? children[0] : children; + if ( + typeof firstChild === 'object' && + firstChild?.props?.type === 'checkbox' + ) { + return ( +
Loading file...
+Failed to load file
+{error}
++ {tab.filepath} +
+
+ {children}
+
+ );
+ },
+ // Custom link handling for internal .md files
+ a(props) {
+ const { href, children, ...rest } = props;
+ if (href?.endsWith('.md')) {
+ return (
+ {
+ e.preventDefault();
+ // Open in new tab in viewer
+ // Implementation in planning phase
+ }}
+ {...rest}
+ >
+ {children}
+
+ );
+ }
+ // External links open in browser
+ return {children};
+ }
+ }}
+ >
+ {content}
+ No project data found.
++ Initialize GSD to see your project tree. +
+No milestones found.
+ +{command}
+ {errors.fieldName?.message}
` + +6. Update label.tsx to export Label component if not already exported (check existing file) + +7. Remove advancedFlags text input - flags will be toggle switches in Plan 03 + +8. Keep handleSubmit/execute logic but wire to form handleSubmit: +```typescript +{flag.description}
+
+
+
+ A powerful GUI app and Toolkit for Claude Code
Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more.
- +
- Report Bug + Report Bug · - Request Feature + Request Feature
Help improve opcode
+Help improve GSD-UI
We collect anonymous usage data to improve your experience. No personal data is collected.
diff --git a/src/components/Attribution.tsx b/src/components/Attribution.tsx new file mode 100644 index 000000000..200a47303 --- /dev/null +++ b/src/components/Attribution.tsx @@ -0,0 +1,23 @@ +import { open } from '@tauri-apps/plugin-shell'; + +export function Attribution() { + const handleClick = async () => { + try { + await open('https://github.com/winfunc/opcode'); + } catch (error) { + console.error('Failed to open OPCode repository:', error); + } + }; + + return ( +- Help improve opcode by sharing anonymous usage data + Help improve GSD-UI by sharing anonymous usage data
{children}
);
+ },
+ // Helper to process children for GSD commands
+ // Custom paragraph renderer to detect GSD commands
+ p({ children, ...props }: any) {
+ console.log('[GSD Debug] p element children:', {
+ childrenType: typeof children,
+ isArray: Array.isArray(children),
+ children: children
+ });
+ const processedChildren = React.Children.map(children, (child, idx) => {
+ console.log('[GSD Debug] p child:', {
+ idx,
+ type: typeof child,
+ isReactElement: React.isValidElement(child),
+ value: typeof child === 'string' ? child : (React.isValidElement(child) ? (child as any).type?.name || (child as any).type : child)
+ });
+ if (typeof child === 'string') {
+ // Reset regex and test
+ const testRegex = /\/gsd:[\w-]+/;
+ const hasGSD = testRegex.test(child);
+ console.log('[GSD Debug] p string child test:', { child, hasGSD });
+ if (hasGSD) {
+ return <>{parseGSDCommands(child)};
+ }
+ }
+ return child;
+ });
+ return {processedChildren}
; + }, + // Custom list item renderer + li({ children, ...props }: any) { + const processedChildren = React.Children.map(children, (child) => { + if (typeof child === 'string') { + const testRegex = /\/gsd:[\w-]+/; + if (testRegex.test(child)) { + return <>{parseGSDCommands(child)}; + } + } + return child; + }); + return{children}; + }, + // Handle headings + h1({ children, ...props }: any) { + const processedChildren = React.Children.map(children, (child) => { + if (typeof child === 'string') { + const testRegex = /\/gsd:[\w-]+/; + if (testRegex.test(child)) { + return <>{parseGSDCommands(child)}; + } + } + return child; + }); + return
{question}
+{response}
+{message.model}
+ + {summary} +
+ + {/* Chevron indicator */} +Assistant response content
+ *Loading GSD data...
+Failed to load GSD data
+{error}
+No GSD project
++ Open a project with a .planning/ directory +
++ Phase {parsedData.currentPhase} of {parsedData.totalPhases} + {parsedData.phaseName && `: ${parsedData.phaseName}`} +
+ {parsedData.totalPlans !== null ? ( ++ Plan {parsedData.currentPlan} of {parsedData.totalPlans} +
+ ) : ( ++ Plan {parsedData.currentPlan} of ? in current phase +
+ )} +No project data found.
++ Initialize GSD to see your project tree. +
+Loading file...
+Failed to load file
+{error}
++ {tab.filepath} +
+No files open
++ Click a file in the State tree to view it +
+
+ {children}
+
+ );
+ },
+
+ // Custom link handling
+ a({ href, children, ...props }: any) {
+ // Internal .md links open in viewer
+ if (href?.endsWith('.md')) {
+ const resolvedPath = resolvePath(href);
+ return (
+ {
+ e.preventDefault();
+ openFile(resolvedPath);
+ }}
+ className="text-primary hover:underline cursor-pointer"
+ {...props}
+ >
+ {children}
+
+ );
+ }
+
+ // External links open in new tab
+ return (
+
+ {children}
+
+ );
+ },
+
+ // Table styling
+ table({ children, ...props }: any) {
+ return (
+ + {children} ++ ); + }, + + // Task list items (read-only) + li({ children, ...props }: any) { + // Check if this is a task list item + const firstChild = Array.isArray(children) ? children[0] : children; + if ( + typeof firstChild === 'object' && + firstChild?.props?.type === 'checkbox' + ) { + return ( +