Spaces:
Paused
Paused
Changes pane: file diff icon
Browse files- piweb/hf-design.patch +9 -8
piweb/hf-design.patch
CHANGED
|
@@ -24291,7 +24291,7 @@ index 0000000..889a7b7
|
|
| 24291 |
+});
|
| 24292 |
diff --git a/components/SessionHeader.tsx b/components/SessionHeader.tsx
|
| 24293 |
new file mode 100644
|
| 24294 |
-
index 0000000..
|
| 24295 |
--- /dev/null
|
| 24296 |
+++ b/components/SessionHeader.tsx
|
| 24297 |
@@ -0,0 +1,212 @@
|
|
@@ -24315,7 +24315,7 @@ index 0000000..0d14db7
|
|
| 24315 |
+
|
| 24316 |
+export const PANES: Record<PaneId, { icon: Carbon.CarbonIconData; labelKey: string; shortcut: ShortcutId }> = {
|
| 24317 |
+ terminal: { icon: Carbon.Terminal, labelKey: "pane.terminal", shortcut: "terminal" },
|
| 24318 |
-
+ changes: { icon: Carbon.
|
| 24319 |
+ browser: { icon: Carbon.Earth, labelKey: "pane.browser", shortcut: "browser" },
|
| 24320 |
+ files: { icon: Carbon.Folder, labelKey: "pane.files", shortcut: "files" },
|
| 24321 |
+};
|
|
@@ -26073,7 +26073,7 @@ index 1f1ae33..27ed896 100644
|
|
| 26073 |
</button>
|
| 26074 |
</div>
|
| 26075 |
diff --git a/components/SidebarIcons.tsx b/components/SidebarIcons.tsx
|
| 26076 |
-
index 0666b96..
|
| 26077 |
--- a/components/SidebarIcons.tsx
|
| 26078 |
+++ b/components/SidebarIcons.tsx
|
| 26079 |
@@ -1,11 +1,12 @@
|
|
@@ -26324,7 +26324,8 @@ index 0666b96..b3463ba 100644
|
|
| 26324 |
+ return <SidebarIcon {...props} icon={Carbon.Renew} />;
|
| 26325 |
}
|
| 26326 |
|
| 26327 |
-
|
|
|
|
| 26328 |
export function ChangesIcon(props: SidebarIconProps) {
|
| 26329 |
- return (
|
| 26330 |
- <SidebarIcon {...props}>
|
|
@@ -26332,7 +26333,7 @@ index 0666b96..b3463ba 100644
|
|
| 26332 |
- <path d="M3 12h6M15 12h6" />
|
| 26333 |
- </SidebarIcon>
|
| 26334 |
- );
|
| 26335 |
-
+ return <SidebarIcon {...props} icon={Carbon.
|
| 26336 |
}
|
| 26337 |
|
| 26338 |
/** What the file tree lists: the files tab's ignored-files switch. */
|
|
@@ -28740,7 +28741,7 @@ index 0000000..78e09cf
|
|
| 28740 |
+ limitations under the License.
|
| 28741 |
diff --git a/components/carbon/icons.ts b/components/carbon/icons.ts
|
| 28742 |
new file mode 100644
|
| 28743 |
-
index 0000000..
|
| 28744 |
--- /dev/null
|
| 28745 |
+++ b/components/carbon/icons.ts
|
| 28746 |
@@ -0,0 +1,248 @@
|
|
@@ -28824,8 +28825,6 @@ index 0000000..f6fff17
|
|
| 28824 |
+export const CloudUpload: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"}], ["path", {"d":"M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"}]] };
|
| 28825 |
+/** carbon: code */
|
| 28826 |
+export const Code: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16z"}], ["path", {"d":"M1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}], ["path", {"d":"M5.91 15H26.080000000000002V17H5.91z","transform":"rotate(-75 15.996 16)"}]] };
|
| 28827 |
-
+/** carbon: compare */
|
| 28828 |
-
+export const Compare: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,6H18V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V24a2,2,0,0,0,2,2H14v2a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM4,15h6.17L7.59,17.59,9,19l5-5L9,9,7.59,10.41,10.17,13H4V4H16V24H4ZM16,28V26a2,2,0,0,0,2-2V8H28v9H21.83l2.58-2.59L23,13l-5,5,5,5,1.41-1.41L21.83,19H28v9Z"}]] };
|
| 28829 |
+/** carbon: container--image */
|
| 28830 |
+export const ContainerImage: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"M10 10H22V12H10z"}], ["path", {"strokeWidth":"0","d":"M10 15H22V17H10z"}], ["path", {"strokeWidth":"0","d":"M10 20H22V22H10z"}], ["path", {"strokeWidth":"0","d":"m26,28H6c-1.1028,0-2-.8972-2-2V6c0-1.1028.8972-2,2-2h20c1.1028,0,2,.8972,2,2v20c0,1.1028-.8972,2-2,2ZM6,6v20h20V6H6Z"}]] };
|
| 28831 |
+/** carbon: copy */
|
|
@@ -28846,6 +28845,8 @@ index 0000000..f6fff17
|
|
| 28846 |
+export const Edit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M2 26H30V28H2z"}], ["path", {"d":"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6\tl-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"}]] };
|
| 28847 |
+/** carbon: error--outline */
|
| 28848 |
+export const ErrorOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.4 3.6H8.5V12.4H7.4z","transform":"rotate(-45 8 8)"}]] };
|
|
|
|
|
|
|
| 28849 |
+/** carbon: flash */
|
| 28850 |
+export const Flash: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11.61,29.92a1,1,0,0,1-.6-1.07L12.83,17H8a1,1,0,0,1-1-1.23l3-13A1,1,0,0,1,11,2H21a1,1,0,0,1,.78.37,1,1,0,0,1,.2.85L20.25,11H25a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1l-13,17A1,1,0,0,1,12,30,1.09,1.09,0,0,1,11.61,29.92ZM17.75,13l2-9H11.8L9.26,15h5.91L13.58,25.28,23,13Z"}]] };
|
| 28851 |
+/** carbon: folder */
|
|
|
|
| 24291 |
+});
|
| 24292 |
diff --git a/components/SessionHeader.tsx b/components/SessionHeader.tsx
|
| 24293 |
new file mode 100644
|
| 24294 |
+
index 0000000..b780420
|
| 24295 |
--- /dev/null
|
| 24296 |
+++ b/components/SessionHeader.tsx
|
| 24297 |
@@ -0,0 +1,212 @@
|
|
|
|
| 24315 |
+
|
| 24316 |
+export const PANES: Record<PaneId, { icon: Carbon.CarbonIconData; labelKey: string; shortcut: ShortcutId }> = {
|
| 24317 |
+ terminal: { icon: Carbon.Terminal, labelKey: "pane.terminal", shortcut: "terminal" },
|
| 24318 |
+
+ changes: { icon: Carbon.FileDiff, labelKey: "pane.changes", shortcut: "changes" },
|
| 24319 |
+ browser: { icon: Carbon.Earth, labelKey: "pane.browser", shortcut: "browser" },
|
| 24320 |
+ files: { icon: Carbon.Folder, labelKey: "pane.files", shortcut: "files" },
|
| 24321 |
+};
|
|
|
|
| 26073 |
</button>
|
| 26074 |
</div>
|
| 26075 |
diff --git a/components/SidebarIcons.tsx b/components/SidebarIcons.tsx
|
| 26076 |
+
index 0666b96..f1195d4 100644
|
| 26077 |
--- a/components/SidebarIcons.tsx
|
| 26078 |
+++ b/components/SidebarIcons.tsx
|
| 26079 |
@@ -1,11 +1,12 @@
|
|
|
|
| 26324 |
+ return <SidebarIcon {...props} icon={Carbon.Renew} />;
|
| 26325 |
}
|
| 26326 |
|
| 26327 |
+
-/** Git changes: a commit on a line. */
|
| 26328 |
+
+/** Git changes: a file with + and −, the diff the pane shows. */
|
| 26329 |
export function ChangesIcon(props: SidebarIconProps) {
|
| 26330 |
- return (
|
| 26331 |
- <SidebarIcon {...props}>
|
|
|
|
| 26333 |
- <path d="M3 12h6M15 12h6" />
|
| 26334 |
- </SidebarIcon>
|
| 26335 |
- );
|
| 26336 |
+
+ return <SidebarIcon {...props} icon={Carbon.FileDiff} />;
|
| 26337 |
}
|
| 26338 |
|
| 26339 |
/** What the file tree lists: the files tab's ignored-files switch. */
|
|
|
|
| 28741 |
+ limitations under the License.
|
| 28742 |
diff --git a/components/carbon/icons.ts b/components/carbon/icons.ts
|
| 28743 |
new file mode 100644
|
| 28744 |
+
index 0000000..5ab61cb
|
| 28745 |
--- /dev/null
|
| 28746 |
+++ b/components/carbon/icons.ts
|
| 28747 |
@@ -0,0 +1,248 @@
|
|
|
|
| 28825 |
+export const CloudUpload: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"}], ["path", {"d":"M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"}]] };
|
| 28826 |
+/** carbon: code */
|
| 28827 |
+export const Code: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16z"}], ["path", {"d":"M1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}], ["path", {"d":"M5.91 15H26.080000000000002V17H5.91z","transform":"rotate(-75 15.996 16)"}]] };
|
|
|
|
|
|
|
| 28828 |
+/** carbon: container--image */
|
| 28829 |
+export const ContainerImage: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"M10 10H22V12H10z"}], ["path", {"strokeWidth":"0","d":"M10 15H22V17H10z"}], ["path", {"strokeWidth":"0","d":"M10 20H22V22H10z"}], ["path", {"strokeWidth":"0","d":"m26,28H6c-1.1028,0-2-.8972-2-2V6c0-1.1028.8972-2,2-2h20c1.1028,0,2,.8972,2,2v20c0,1.1028-.8972,2-2,2ZM6,6v20h20V6H6Z"}]] };
|
| 28830 |
+/** carbon: copy */
|
|
|
|
| 28845 |
+export const Edit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M2 26H30V28H2z"}], ["path", {"d":"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6\tl-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"}]] };
|
| 28846 |
+/** carbon: error--outline */
|
| 28847 |
+export const ErrorOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.4 3.6H8.5V12.4H7.4z","transform":"rotate(-45 8 8)"}]] };
|
| 28848 |
+
+/** carbon: file--diff */
|
| 28849 |
+
+export const FileDiff: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M29,30h-8v-2h8v2ZM18,30h-10c-1.103,0-2-.8975-2-2V4c0-1.103.897-2,2-2h10c.2656,0,.5195.1055.707.293l7,7c.1875.1875.293.4419.293.707v6h-2v-4h-6c-1.103,0-2-.897-2-2v-6h-8v24h10v2ZM18,4.4141v5.5859h5.5859l-5.5859-5.5859ZM26,26h-2v-3h-3v-2h3v-3h2v3h3v2h-3v3Z"}]] };
|
| 28850 |
+/** carbon: flash */
|
| 28851 |
+export const Flash: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11.61,29.92a1,1,0,0,1-.6-1.07L12.83,17H8a1,1,0,0,1-1-1.23l3-13A1,1,0,0,1,11,2H21a1,1,0,0,1,.78.37,1,1,0,0,1,.2.85L20.25,11H25a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1l-13,17A1,1,0,0,1,12,30,1.09,1.09,0,0,1,11.61,29.92ZM17.75,13l2-9H11.8L9.26,15h5.91L13.58,25.28,23,13Z"}]] };
|
| 28852 |
+/** carbon: folder */
|